@open-mercato/documents 0.6.8-develop.7016.1.4ed7b1e49d

package/dist/modules/documents/backend/documents/components/TemplateBodyEditor.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { EditorContent, useEditor, useEditorState } from "@tiptap/react";
+import { Bold, Heading1, Heading2, Italic, List, ListOrdered } from "lucide-react";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { getDocumentEditorExtensions } from "../../../lib/editorConfig.js";
+const EMPTY_TEMPLATE_EDITOR_STATE = {
+  bold: false,
+  italic: false,
+  heading1: false,
+  heading2: false,
+  bulletList: false,
+  orderedList: false
+};
+function EditorButton({ editor, label, active, children, onClick }) {
+  return /* @__PURE__ */ jsx(IconButton, { type: "button", variant: active ? "outline" : "ghost", "aria-label": label, "aria-pressed": active, title: label, disabled: !editor, onMouseDown: (event) => event.preventDefault(), onClick: () => {
+    if (editor) onClick(editor);
+  }, children });
+}
+function TemplateBodyEditor({ bodyHtml, tokenOptions, onChange }) {
+  const t = useT();
+  const editorLabelId = React.useId();
+  const [token, setToken] = React.useState();
+  const editor = useEditor({
+    extensions: getDocumentEditorExtensions({
+      entityRefFallbackLabel: t("documents.editor.entityRef.fallbackLabel")
+    }),
+    content: bodyHtml,
+    editable: true,
+    editorProps: {
+      attributes: {
+        class: "min-h-80 text-base leading-7 text-foreground focus-visible:outline-none",
+        role: "textbox",
+        "aria-labelledby": editorLabelId,
+        "aria-multiline": "true"
+      }
+    },
+    onUpdate: ({ editor: updated }) => onChange(updated.getHTML())
+  }, []);
+  React.useEffect(() => {
+    if (editor && editor.getHTML() !== bodyHtml) editor.commands.setContent(bodyHtml);
+  }, [bodyHtml, editor]);
+  const editorState = useEditorState({
+    editor,
+    selector: ({ editor: current }) => current ? {
+      bold: current.isActive("bold"),
+      italic: current.isActive("italic"),
+      heading1: current.isActive("heading", { level: 1 }),
+      heading2: current.isActive("heading", { level: 2 }),
+      bulletList: current.isActive("bulletList"),
+      orderedList: current.isActive("orderedList")
+    } : EMPTY_TEMPLATE_EDITOR_STATE
+  }) ?? EMPTY_TEMPLATE_EDITOR_STATE;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(Label, { id: editorLabelId, children: t("documents.templates.fields.body") }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-card", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1 border-b border-border p-2", children: [
+        /* @__PURE__ */ jsx(EditorButton, { editor, label: t("documents.editor.toolbar.bold"), active: editorState.bold, onClick: (current) => {
+          current.chain().focus().toggleBold().run();
+        }, children: /* @__PURE__ */ jsx(Bold, {}) }),
+        /* @__PURE__ */ jsx(EditorButton, { editor, label: t("documents.editor.toolbar.italic"), active: editorState.italic, onClick: (current) => {
+          current.chain().focus().toggleItalic().run();
+        }, children: /* @__PURE__ */ jsx(Italic, {}) }),
+        /* @__PURE__ */ jsx(EditorButton, { editor, label: t("documents.editor.toolbar.heading1"), active: editorState.heading1, onClick: (current) => {
+          current.chain().focus().toggleHeading({ level: 1 }).run();
+        }, children: /* @__PURE__ */ jsx(Heading1, {}) }),
+        /* @__PURE__ */ jsx(EditorButton, { editor, label: t("documents.editor.toolbar.heading2"), active: editorState.heading2, onClick: (current) => {
+          current.chain().focus().toggleHeading({ level: 2 }).run();
+        }, children: /* @__PURE__ */ jsx(Heading2, {}) }),
+        /* @__PURE__ */ jsx(EditorButton, { editor, label: t("documents.editor.toolbar.bulletList"), active: editorState.bulletList, onClick: (current) => {
+          current.chain().focus().toggleBulletList().run();
+        }, children: /* @__PURE__ */ jsx(List, {}) }),
+        /* @__PURE__ */ jsx(EditorButton, { editor, label: t("documents.editor.toolbar.orderedList"), active: editorState.orderedList, onClick: (current) => {
+          current.chain().focus().toggleOrderedList().run();
+        }, children: /* @__PURE__ */ jsx(ListOrdered, {}) }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-52", children: /* @__PURE__ */ jsxs(Select, { value: token, onValueChange: (value) => {
+          setToken(value);
+          editor?.chain().focus().insertContent(value).run();
+          window.setTimeout(() => setToken(void 0), 0);
+        }, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": t("documents.templates.editor.insertField"), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("documents.templates.editor.insertField") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: tokenOptions.map((value) => /* @__PURE__ */ jsx(SelectItem, { value, children: value }, value)) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(EditorContent, { editor, className: "max-w-none p-4 text-foreground [&_.ProseMirror]:min-h-80 [&_.ProseMirror]:focus-visible:outline-none" })
+    ] })
+  ] });
+}
+export {
+  TemplateBodyEditor
+};
+//# sourceMappingURL=TemplateBodyEditor.js.map

package/dist/modules/documents/backend/documents/components/TemplateBodyEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/TemplateBodyEditor.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { Editor } from '@tiptap/core'\nimport { EditorContent, useEditor, useEditorState } from '@tiptap/react'\nimport { Bold, Heading1, Heading2, Italic, List, ListOrdered } from 'lucide-react'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { getDocumentEditorExtensions } from '../../../lib/editorConfig'\n\nconst EMPTY_TEMPLATE_EDITOR_STATE = {\n  bold: false,\n  italic: false,\n  heading1: false,\n  heading2: false,\n  bulletList: false,\n  orderedList: false,\n}\n\nfunction EditorButton({ editor, label, active, children, onClick }: {\n  editor: Editor | null\n  label: string\n  active: boolean\n  children: React.ReactNode\n  onClick: (editor: Editor) => void\n}) {\n  return <IconButton type=\"button\" variant={active ? 'outline' : 'ghost'} aria-label={label} aria-pressed={active} title={label} disabled={!editor} onMouseDown={(event) => event.preventDefault()} onClick={() => { if (editor) onClick(editor) }}>{children}</IconButton>\n}\n\nexport function TemplateBodyEditor({ bodyHtml, tokenOptions, onChange }: {\n  bodyHtml: string\n  tokenOptions: string[]\n  onChange: (html: string) => void\n}) {\n  const t = useT()\n  const editorLabelId = React.useId()\n  const [token, setToken] = React.useState<string | undefined>()\n  const editor = useEditor({\n    extensions: getDocumentEditorExtensions({\n      entityRefFallbackLabel: t('documents.editor.entityRef.fallbackLabel'),\n    }),\n    content: bodyHtml,\n    editable: true,\n    editorProps: {\n      attributes: {\n        class: 'min-h-80 text-base leading-7 text-foreground focus-visible:outline-none',\n        role: 'textbox',\n        'aria-labelledby': editorLabelId,\n        'aria-multiline': 'true',\n      },\n    },\n    onUpdate: ({ editor: updated }) => onChange(updated.getHTML()),\n  }, [])\n  React.useEffect(() => {\n    if (editor && editor.getHTML() !== bodyHtml) editor.commands.setContent(bodyHtml)\n  }, [bodyHtml, editor])\n  const editorState = useEditorState({\n    editor,\n    selector: ({ editor: current }) => current ? {\n      bold: current.isActive('bold'),\n      italic: current.isActive('italic'),\n      heading1: current.isActive('heading', { level: 1 }),\n      heading2: current.isActive('heading', { level: 2 }),\n      bulletList: current.isActive('bulletList'),\n      orderedList: current.isActive('orderedList'),\n    } : EMPTY_TEMPLATE_EDITOR_STATE,\n  }) ?? EMPTY_TEMPLATE_EDITOR_STATE\n  return (\n    <div className=\"space-y-3\">\n      <Label id={editorLabelId}>{t('documents.templates.fields.body')}</Label>\n      <div className=\"rounded-md border border-border bg-card\">\n        <div className=\"flex flex-wrap items-center gap-1 border-b border-border p-2\">\n          <EditorButton editor={editor} label={t('documents.editor.toolbar.bold')} active={editorState.bold} onClick={(current) => { current.chain().focus().toggleBold().run() }}><Bold /></EditorButton>\n          <EditorButton editor={editor} label={t('documents.editor.toolbar.italic')} active={editorState.italic} onClick={(current) => { current.chain().focus().toggleItalic().run() }}><Italic /></EditorButton>\n          <EditorButton editor={editor} label={t('documents.editor.toolbar.heading1')} active={editorState.heading1} onClick={(current) => { current.chain().focus().toggleHeading({ level: 1 }).run() }}><Heading1 /></EditorButton>\n          <EditorButton editor={editor} label={t('documents.editor.toolbar.heading2')} active={editorState.heading2} onClick={(current) => { current.chain().focus().toggleHeading({ level: 2 }).run() }}><Heading2 /></EditorButton>\n          <EditorButton editor={editor} label={t('documents.editor.toolbar.bulletList')} active={editorState.bulletList} onClick={(current) => { current.chain().focus().toggleBulletList().run() }}><List /></EditorButton>\n          <EditorButton editor={editor} label={t('documents.editor.toolbar.orderedList')} active={editorState.orderedList} onClick={(current) => { current.chain().focus().toggleOrderedList().run() }}><ListOrdered /></EditorButton>\n          <div className=\"min-w-52\">\n            <Select value={token} onValueChange={(value) => {\n              setToken(value)\n              editor?.chain().focus().insertContent(value).run()\n              window.setTimeout(() => setToken(undefined), 0)\n            }}>\n              <SelectTrigger aria-label={t('documents.templates.editor.insertField')}><SelectValue placeholder={t('documents.templates.editor.insertField')} /></SelectTrigger>\n              <SelectContent>{tokenOptions.map((value) => <SelectItem key={value} value={value}>{value}</SelectItem>)}</SelectContent>\n            </Select>\n          </div>\n        </div>\n        <EditorContent editor={editor} className=\"max-w-none p-4 text-foreground [&_.ProseMirror]:min-h-80 [&_.ProseMirror]:focus-visible:outline-none\" />\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/TemplateEditorDialog.js

@@ -0,0 +1,169 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { apiCallOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { DOCUMENTS_ENTITY_IDS } from "../../../lib/constants.js";
+import { getEntityRegistryEntry } from "../../../lib/entityRegistry.js";
+import { TemplateBodyEditor } from "./TemplateBodyEditor.js";
+import { TemplateSlotsEditor, TEMPLATE_SLOT_KEY_PATTERN } from "./TemplateSlotsEditor.js";
+import { useTemplateDetail } from "./useTemplateDetail.js";
+function TemplateEditorDialog({ open, template, onOpenChange, onSaved }) {
+  const t = useT();
+  const templateDetail = useTemplateDetail(open, template?.id ?? null);
+  const nameInputId = React.useId();
+  const descriptionInputId = React.useId();
+  const activeInputId = React.useId();
+  const [name, setName] = React.useState("");
+  const [description, setDescription] = React.useState("");
+  const [isActive, setIsActive] = React.useState(true);
+  const [slots, setSlots] = React.useState([]);
+  const [bodyHtml, setBodyHtml] = React.useState("<p></p>");
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const submittingRef = React.useRef(false);
+  const [formError, setFormError] = React.useState(null);
+  const mutationContextId = template ? `documents-template-editor:${template.id}` : "documents-template-editor:new";
+  const { runMutation, retryLastMutation } = useGuardedMutation({ contextId: mutationContextId, blockedMessage: t("ui.forms.flash.saveBlocked") });
+  React.useEffect(() => {
+    if (!open) return;
+    if (template && !templateDetail.template) {
+      setName("");
+      setDescription("");
+      setIsActive(true);
+      setSlots([]);
+      setBodyHtml("<p></p>");
+      setFormError(null);
+      return;
+    }
+    const source = templateDetail.template;
+    setName(source?.name ?? "");
+    setDescription(source?.description ?? "");
+    setIsActive(source?.isActive ?? true);
+    setSlots(source?.contextSlots ?? []);
+    setBodyHtml(source?.bodyHtml || "<p></p>");
+    setFormError(null);
+  }, [open, template, templateDetail.template]);
+  const tokenOptions = React.useMemo(() => {
+    const options = ["{{date}}"];
+    for (const slot of slots) {
+      const entry = getEntityRegistryEntry(slot.entityType);
+      if (!entry || !TEMPLATE_SLOT_KEY_PATTERN.test(slot.slot)) continue;
+      options.push(...entry.tokenFields.map((field) => `{{${slot.slot}.${field.field}}}`), `{{${slot.slot}.chip}}`);
+    }
+    return options;
+  }, [slots]);
+  const save = React.useCallback(async () => {
+    if (submittingRef.current) return;
+    const editingTemplate = templateDetail.template;
+    if (template && !editingTemplate) return;
+    if (!name.trim()) {
+      setFormError(t("documents.templates.validation.nameRequired"));
+      return;
+    }
+    if (slots.some((slot) => !TEMPLATE_SLOT_KEY_PATTERN.test(slot.slot))) {
+      setFormError(t("documents.templates.validation.fixSlots"));
+      return;
+    }
+    submittingRef.current = true;
+    setIsSubmitting(true);
+    setFormError(null);
+    const payload = {
+      name: name.trim(),
+      description: description.trim() || null,
+      bodyHtml,
+      contextSlots: slots.length > 0 ? slots.map((slot) => ({ ...slot, slot: slot.slot.trim(), required: slot.required || void 0 })) : null,
+      isActive
+    };
+    try {
+      await runMutation({
+        operation: () => editingTemplate ? withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(editingTemplate.updatedAt),
+          () => apiCallOrThrow(
+            "/api/documents/templates",
+            { method: "PUT", headers: { "content-type": "application/json" }, body: JSON.stringify({ id: editingTemplate.id, ...payload }) },
+            { errorMessage: t("documents.templates.error.update") }
+          )
+        ) : apiCallOrThrow(
+          "/api/documents/templates",
+          { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(payload) },
+          { errorMessage: t("documents.templates.error.create") }
+        ),
+        context: { formId: mutationContextId, resourceKind: DOCUMENTS_ENTITY_IDS.documentTemplate, resourceId: editingTemplate?.id ?? "new", retryLastMutation },
+        mutationPayload: editingTemplate ? { id: editingTemplate.id, ...payload } : payload
+      });
+      flash(t(editingTemplate ? "documents.templates.success.update" : "documents.templates.success.create"), "success");
+      onSaved();
+      onOpenChange(false);
+    } catch (error) {
+      if (!surfaceRecordConflict(error, t, { onRefresh: onSaved })) {
+        flash(error instanceof Error ? error.message : t(editingTemplate ? "documents.templates.error.update" : "documents.templates.error.create"), "error");
+      }
+    } finally {
+      submittingRef.current = false;
+      setIsSubmitting(false);
+    }
+  }, [bodyHtml, description, isActive, mutationContextId, name, onOpenChange, onSaved, retryLastMutation, runMutation, slots, t, template, templateDetail.template]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "xl", className: "overflow-y-auto", onKeyDown: (event) => {
+    if (event.key === "Escape") onOpenChange(false);
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      void save();
+    }
+  }, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t(template ? "documents.templates.dialog.editTitle" : "documents.templates.dialog.createTitle") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t("documents.templates.dialog.description") })
+    ] }),
+    template && templateDetail.isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.templates.instantiate.loading") }) : null,
+    template && templateDetail.error ? /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: t("documents.templates.error.load"),
+        action: /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: templateDetail.retry, children: t("documents.actions.retry") })
+      }
+    ) : null,
+    !template || templateDetail.template ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-6 xl:grid-cols-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4 xl:col-span-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: nameInputId, children: t("documents.templates.fields.name") }),
+            /* @__PURE__ */ jsx(Input, { id: nameInputId, value: name, onChange: (event) => setName(event.target.value), placeholder: t("documents.templates.fields.namePlaceholder"), "aria-invalid": Boolean(formError && !name.trim()) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: descriptionInputId, children: t("documents.templates.fields.description") }),
+            /* @__PURE__ */ jsx(Textarea, { id: descriptionInputId, value: description, onChange: (event) => setDescription(event.target.value), placeholder: t("documents.templates.fields.descriptionPlaceholder"), maxLength: 2e3, showCount: true })
+          ] }),
+          /* @__PURE__ */ jsx(TemplateBodyEditor, { bodyHtml, tokenOptions, onChange: setBodyHtml })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-md border border-border bg-card p-3", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: activeInputId, children: t("documents.templates.fields.active") }),
+            /* @__PURE__ */ jsx(Switch, { id: activeInputId, checked: isActive, onCheckedChange: setIsActive, "aria-label": t("documents.templates.fields.active") })
+          ] }),
+          /* @__PURE__ */ jsx(TemplateSlotsEditor, { slots, onChange: setSlots })
+        ] })
+      ] }),
+      formError ? /* @__PURE__ */ jsx(Alert, { status: "error", children: /* @__PURE__ */ jsx(AlertDescription, { children: formError }) }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: t("documents.actions.cancel") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void save(), disabled: isSubmitting || Boolean(template && !templateDetail.template), children: t("documents.actions.save") })
+    ] })
+  ] }) });
+}
+export {
+  TemplateEditorDialog
+};
+//# sourceMappingURL=TemplateEditorDialog.js.map

package/dist/modules/documents/backend/documents/components/TemplateEditorDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/TemplateEditorDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { apiCallOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { DOCUMENTS_ENTITY_IDS } from '../../../lib/constants'\nimport { getEntityRegistryEntry } from '../../../lib/entityRegistry'\nimport { TemplateBodyEditor } from './TemplateBodyEditor'\nimport { TemplateSlotsEditor, TEMPLATE_SLOT_KEY_PATTERN } from './TemplateSlotsEditor'\nimport type { TemplateContextSlot, TemplateRow } from './templateUi'\nimport { useTemplateDetail } from './useTemplateDetail'\n\nexport type DocumentTemplateContextSlot = TemplateContextSlot\nexport type DocumentTemplateRow = TemplateRow\n\ntype TemplateEditorDialogProps = {\n  open: boolean\n  template: TemplateRow | null\n  onOpenChange: (open: boolean) => void\n  onSaved: () => void\n}\n\nexport function TemplateEditorDialog({ open, template, onOpenChange, onSaved }: TemplateEditorDialogProps) {\n  const t = useT()\n  const templateDetail = useTemplateDetail(open, template?.id ?? null)\n  const nameInputId = React.useId()\n  const descriptionInputId = React.useId()\n  const activeInputId = React.useId()\n  const [name, setName] = React.useState('')\n  const [description, setDescription] = React.useState('')\n  const [isActive, setIsActive] = React.useState(true)\n  const [slots, setSlots] = React.useState<TemplateContextSlot[]>([])\n  const [bodyHtml, setBodyHtml] = React.useState('<p></p>')\n  const [isSubmitting, setIsSubmitting] = React.useState(false)\n  const submittingRef = React.useRef(false)\n  const [formError, setFormError] = React.useState<string | null>(null)\n  const mutationContextId = template ? `documents-template-editor:${template.id}` : 'documents-template-editor:new'\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({ contextId: mutationContextId, blockedMessage: t('ui.forms.flash.saveBlocked') })\n\n  React.useEffect(() => {\n    if (!open) return\n    if (template && !templateDetail.template) {\n      setName('')\n      setDescription('')\n      setIsActive(true)\n      setSlots([])\n      setBodyHtml('<p></p>')\n      setFormError(null)\n      return\n    }\n    const source = templateDetail.template\n    setName(source?.name ?? '')\n    setDescription(source?.description ?? '')\n    setIsActive(source?.isActive ?? true)\n    setSlots(source?.contextSlots ?? [])\n    setBodyHtml(source?.bodyHtml || '<p></p>')\n    setFormError(null)\n  }, [open, template, templateDetail.template])\n\n  const tokenOptions = React.useMemo(() => {\n    const options = ['{{date}}']\n    for (const slot of slots) {\n      const entry = getEntityRegistryEntry(slot.entityType)\n      if (!entry || !TEMPLATE_SLOT_KEY_PATTERN.test(slot.slot)) continue\n      options.push(...entry.tokenFields.map((field) => `{{${slot.slot}.${field.field}}}`), `{{${slot.slot}.chip}}`)\n    }\n    return options\n  }, [slots])\n\n  const save = React.useCallback(async () => {\n    if (submittingRef.current) return\n    const editingTemplate = templateDetail.template\n    if (template && !editingTemplate) return\n    if (!name.trim()) { setFormError(t('documents.templates.validation.nameRequired')); return }\n    if (slots.some((slot) => !TEMPLATE_SLOT_KEY_PATTERN.test(slot.slot))) { setFormError(t('documents.templates.validation.fixSlots')); return }\n    submittingRef.current = true\n    setIsSubmitting(true)\n    setFormError(null)\n    const payload = {\n      name: name.trim(), description: description.trim() || null, bodyHtml,\n      contextSlots: slots.length > 0 ? slots.map((slot) => ({ ...slot, slot: slot.slot.trim(), required: slot.required || undefined })) : null,\n      isActive,\n    }\n    try {\n      await runMutation({\n        operation: () => editingTemplate ? withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(editingTemplate.updatedAt),\n          () => apiCallOrThrow(\n            '/api/documents/templates',\n            { method: 'PUT', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ id: editingTemplate.id, ...payload }) },\n            { errorMessage: t('documents.templates.error.update') },\n          ),\n        ) : apiCallOrThrow(\n          '/api/documents/templates',\n          { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(payload) },\n          { errorMessage: t('documents.templates.error.create') },\n        ),\n        context: { formId: mutationContextId, resourceKind: DOCUMENTS_ENTITY_IDS.documentTemplate, resourceId: editingTemplate?.id ?? 'new', retryLastMutation },\n        mutationPayload: editingTemplate ? { id: editingTemplate.id, ...payload } : payload,\n      })\n      flash(t(editingTemplate ? 'documents.templates.success.update' : 'documents.templates.success.create'), 'success')\n      onSaved()\n      onOpenChange(false)\n    } catch (error) {\n      if (!surfaceRecordConflict(error, t, { onRefresh: onSaved })) {\n        flash(error instanceof Error ? error.message : t(editingTemplate ? 'documents.templates.error.update' : 'documents.templates.error.create'), 'error')\n      }\n    } finally {\n      submittingRef.current = false\n      setIsSubmitting(false)\n    }\n  }, [bodyHtml, description, isActive, mutationContextId, name, onOpenChange, onSaved, retryLastMutation, runMutation, slots, t, template, templateDetail.template])\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent size=\"xl\" className=\"overflow-y-auto\" onKeyDown={(event) => {\n        if (event.key === 'Escape') onOpenChange(false)\n        if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') { event.preventDefault(); void save() }\n      }}>\n        <DialogHeader>\n          <DialogTitle>{t(template ? 'documents.templates.dialog.editTitle' : 'documents.templates.dialog.createTitle')}</DialogTitle>\n          <DialogDescription>{t('documents.templates.dialog.description')}</DialogDescription>\n        </DialogHeader>\n        {template && templateDetail.isLoading ? <LoadingMessage label={t('documents.templates.instantiate.loading')} /> : null}\n        {template && templateDetail.error ? (\n          <ErrorMessage\n            label={t('documents.templates.error.load')}\n            action={<Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={templateDetail.retry}>{t('documents.actions.retry')}</Button>}\n          />\n        ) : null}\n        {!template || templateDetail.template ? (\n          <>\n            <div className=\"grid gap-6 xl:grid-cols-3\">\n              <div className=\"space-y-4 xl:col-span-2\">\n                <div className=\"space-y-2\"><Label htmlFor={nameInputId}>{t('documents.templates.fields.name')}</Label><Input id={nameInputId} value={name} onChange={(event) => setName(event.target.value)} placeholder={t('documents.templates.fields.namePlaceholder')} aria-invalid={Boolean(formError && !name.trim())} /></div>\n                <div className=\"space-y-2\"><Label htmlFor={descriptionInputId}>{t('documents.templates.fields.description')}</Label><Textarea id={descriptionInputId} value={description} onChange={(event) => setDescription(event.target.value)} placeholder={t('documents.templates.fields.descriptionPlaceholder')} maxLength={2000} showCount /></div>\n                <TemplateBodyEditor bodyHtml={bodyHtml} tokenOptions={tokenOptions} onChange={setBodyHtml} />\n              </div>\n              <div className=\"space-y-5\">\n                <div className=\"flex items-center justify-between gap-3 rounded-md border border-border bg-card p-3\"><Label htmlFor={activeInputId}>{t('documents.templates.fields.active')}</Label><Switch id={activeInputId} checked={isActive} onCheckedChange={setIsActive} aria-label={t('documents.templates.fields.active')} /></div>\n                <TemplateSlotsEditor slots={slots} onChange={setSlots} />\n              </div>\n            </div>\n            {formError ? <Alert status=\"error\"><AlertDescription>{formError}</AlertDescription></Alert> : null}\n          </>\n        ) : null}\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)} disabled={isSubmitting}>{t('documents.actions.cancel')}</Button>\n          <Button type=\"button\" onClick={() => void save()} disabled={isSubmitting || Boolean(template && !templateDetail.template)}>{t('documents.actions.save')}</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/TemplatePreview.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { EditorContent, useEditor } from "@tiptap/react";
+import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { getDocumentEditorExtensions } from "../../../lib/editorConfig.js";
+function PreviewSurface({ html, fallbackLabel }) {
+  const editor = useEditor({
+    extensions: getDocumentEditorExtensions({ entityRefFallbackLabel: fallbackLabel }),
+    content: html,
+    editable: false,
+    editorProps: { attributes: { class: "min-h-48 text-base leading-7 text-foreground focus-visible:outline-none" } }
+  }, [fallbackLabel]);
+  React.useEffect(() => {
+    editor?.commands.setContent(html);
+  }, [editor, html]);
+  return /* @__PURE__ */ jsx(EditorContent, { editor, className: "max-w-none rounded-md border border-border bg-card p-4" });
+}
+function TemplatePreview({ preview, isLoading }) {
+  const t = useT();
+  if (isLoading) return /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.templates.preview.loading") });
+  if (!preview) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border p-4 text-sm text-muted-foreground", children: t("documents.templates.preview.empty") });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    preview.unresolvedTokens.length > 0 ? /* @__PURE__ */ jsxs(Alert, { status: "warning", children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: t("documents.templates.preview.unresolvedTitle") }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: t("documents.templates.preview.unresolvedBody", { tokens: preview.unresolvedTokens.join(", ") }) })
+    ] }) : null,
+    /* @__PURE__ */ jsx(PreviewSurface, { html: preview.contentHtml, fallbackLabel: t("documents.editor.entityRef.fallbackLabel") })
+  ] });
+}
+export {
+  TemplatePreview
+};
+//# sourceMappingURL=TemplatePreview.js.map

package/dist/modules/documents/backend/documents/components/TemplatePreview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/TemplatePreview.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { EditorContent, useEditor } from '@tiptap/react'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { getDocumentEditorExtensions } from '../../../lib/editorConfig'\nimport type { TemplatePreviewResult } from './templateUi'\n\nfunction PreviewSurface({ html, fallbackLabel }: { html: string; fallbackLabel: string }) {\n  const editor = useEditor({\n    extensions: getDocumentEditorExtensions({ entityRefFallbackLabel: fallbackLabel }),\n    content: html,\n    editable: false,\n    editorProps: { attributes: { class: 'min-h-48 text-base leading-7 text-foreground focus-visible:outline-none' } },\n  }, [fallbackLabel])\n  React.useEffect(() => { editor?.commands.setContent(html) }, [editor, html])\n  return <EditorContent editor={editor} className=\"max-w-none rounded-md border border-border bg-card p-4\" />\n}\n\nexport function TemplatePreview({ preview, isLoading }: { preview: TemplatePreviewResult | null; isLoading: boolean }) {\n  const t = useT()\n  if (isLoading) return <LoadingMessage label={t('documents.templates.preview.loading')} />\n  if (!preview) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-4 text-sm text-muted-foreground\">\n        {t('documents.templates.preview.empty')}\n      </div>\n    )\n  }\n  return (\n    <div className=\"space-y-3\">\n      {preview.unresolvedTokens.length > 0 ? (\n        <Alert status=\"warning\">\n          <AlertTitle>{t('documents.templates.preview.unresolvedTitle')}</AlertTitle>\n          <AlertDescription>{t('documents.templates.preview.unresolvedBody', { tokens: preview.unresolvedTokens.join(', ') })}</AlertDescription>\n        </Alert>\n      ) : null}\n      <PreviewSurface html={preview.contentHtml} fallbackLabel={t('documents.editor.entityRef.fallbackLabel')} />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAkBS,cAgBD,YAhBC;AAhBT,YAAY,WAAW;AACvB,SAAS,eAAe,iBAAiB;AACzC,SAAS,OAAO,kBAAkB,kBAAkB;AACpD,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAG5C,SAAS,eAAe,EAAE,MAAM,cAAc,GAA4C;AACxF,QAAM,SAAS,UAAU;AAAA,IACvB,YAAY,4BAA4B,EAAE,wBAAwB,cAAc,CAAC;AAAA,IACjF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,aAAa,EAAE,YAAY,EAAE,OAAO,0EAA0E,EAAE;AAAA,EAClH,GAAG,CAAC,aAAa,CAAC;AAClB,QAAM,UAAU,MAAM;AAAE,YAAQ,SAAS,WAAW,IAAI;AAAA,EAAE,GAAG,CAAC,QAAQ,IAAI,CAAC;AAC3E,SAAO,oBAAC,iBAAc,QAAgB,WAAU,0DAAyD;AAC3G;AAEO,SAAS,gBAAgB,EAAE,SAAS,UAAU,GAAkE;AACrH,QAAM,IAAI,KAAK;AACf,MAAI,UAAW,QAAO,oBAAC,kBAAe,OAAO,EAAE,qCAAqC,GAAG;AACvF,MAAI,CAAC,SAAS;AACZ,WACE,oBAAC,SAAI,WAAU,mFACZ,YAAE,mCAAmC,GACxC;AAAA,EAEJ;AACA,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,YAAQ,iBAAiB,SAAS,IACjC,qBAAC,SAAM,QAAO,WACZ;AAAA,0BAAC,cAAY,YAAE,6CAA6C,GAAE;AAAA,MAC9D,oBAAC,oBAAkB,YAAE,8CAA8C,EAAE,QAAQ,QAAQ,iBAAiB,KAAK,IAAI,EAAE,CAAC,GAAE;AAAA,OACtH,IACE;AAAA,IACJ,oBAAC,kBAAe,MAAM,QAAQ,aAAa,eAAe,EAAE,0CAA0C,GAAG;AAAA,KAC3G;AAEJ;",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/TemplateSlotFields.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Search, X } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { getEntityRegistryEntry } from "../../../lib/entityRegistry.js";
+import { EntityPicker } from "./EntityPicker.js";
+function TemplateSlotFields({ slots, selections, onSelectionChange }) {
+  const t = useT();
+  const [activeSlot, setActiveSlot] = React.useState(null);
+  const handlePick = React.useCallback((selection) => {
+    if (!activeSlot) return;
+    onSelectionChange(activeSlot.slot, {
+      entityType: selection.type,
+      entityId: selection.id,
+      label: selection.label,
+      href: selection.href,
+      values: selection.values
+    });
+    setActiveSlot(null);
+  }, [activeSlot, onSelectionChange]);
+  if (slots.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "rounded-md border border-border bg-muted/20 p-3 text-sm text-muted-foreground", children: t("documents.templates.instantiate.noSlots") });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("documents.templates.instantiate.contextTitle") }),
+    slots.map((slot) => {
+      const selection = selections[slot.slot];
+      const entry = getEntityRegistryEntry(slot.entityType);
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs(Label, { children: [
+          entry ? t(entry.labelKey) : t("documents.relatedRecords.restricted"),
+          slot.required ? ` ${t("documents.templates.instantiate.requiredSuffix")}` : ""
+        ] }),
+        selection ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md border border-border p-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: selection.label }),
+            /* @__PURE__ */ jsx(Tag, { variant: "neutral", children: entry ? t(entry.labelKey) : t("documents.relatedRecords.restricted") })
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => onSelectionChange(slot.slot, void 0), children: [
+            /* @__PURE__ */ jsx(X, {}),
+            t("documents.templates.instantiate.clearSelection")
+          ] })
+        ] }) : /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", className: "w-full justify-start", onClick: () => setActiveSlot(slot), children: [
+          /* @__PURE__ */ jsx(Search, {}),
+          t("documents.templates.instantiate.searchPlaceholder")
+        ] })
+      ] }, slot.slot);
+    }),
+    /* @__PURE__ */ jsx(
+      EntityPicker,
+      {
+        open: activeSlot !== null,
+        onOpenChange: (open) => {
+          if (!open) setActiveSlot(null);
+        },
+        onPick: handlePick,
+        typeFilter: activeSlot ? [activeSlot.entityType] : []
+      }
+    )
+  ] });
+}
+export {
+  TemplateSlotFields
+};
+//# sourceMappingURL=TemplateSlotFields.js.map

package/dist/modules/documents/backend/documents/components/TemplateSlotFields.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/TemplateSlotFields.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Search, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { getEntityRegistryEntry } from '../../../lib/entityRegistry'\nimport { EntityPicker, type EntityPickerSelection } from './EntityPicker'\nimport type { TemplateContextSlot, TemplateSlotSelection } from './templateUi'\n\ntype TemplateSlotFieldsProps = {\n  slots: TemplateContextSlot[]\n  selections: Record<string, TemplateSlotSelection | undefined>\n  onSelectionChange: (slot: string, selection: TemplateSlotSelection | undefined) => void\n}\n\nexport function TemplateSlotFields({ slots, selections, onSelectionChange }: TemplateSlotFieldsProps) {\n  const t = useT()\n  const [activeSlot, setActiveSlot] = React.useState<TemplateContextSlot | null>(null)\n  const handlePick = React.useCallback((selection: EntityPickerSelection) => {\n    if (!activeSlot) return\n    onSelectionChange(activeSlot.slot, {\n      entityType: selection.type,\n      entityId: selection.id,\n      label: selection.label,\n      href: selection.href,\n      values: selection.values,\n    })\n    setActiveSlot(null)\n  }, [activeSlot, onSelectionChange])\n\n  if (slots.length === 0) {\n    return <p className=\"rounded-md border border-border bg-muted/20 p-3 text-sm text-muted-foreground\">{t('documents.templates.instantiate.noSlots')}</p>\n  }\n  return (\n    <div className=\"space-y-4\">\n      <p className=\"text-sm font-medium\">{t('documents.templates.instantiate.contextTitle')}</p>\n      {slots.map((slot) => {\n        const selection = selections[slot.slot]\n        const entry = getEntityRegistryEntry(slot.entityType)\n        return (\n          <div key={slot.slot} className=\"space-y-2\">\n            <Label>\n              {entry ? t(entry.labelKey) : t('documents.relatedRecords.restricted')}\n              {slot.required ? ` ${t('documents.templates.instantiate.requiredSuffix')}` : ''}\n            </Label>\n            {selection ? (\n              <div className=\"flex items-center justify-between gap-2 rounded-md border border-border p-3\">\n                <div className=\"min-w-0\"><p className=\"truncate text-sm font-medium\">{selection.label}</p><Tag variant=\"neutral\">{entry ? t(entry.labelKey) : t('documents.relatedRecords.restricted')}</Tag></div>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => onSelectionChange(slot.slot, undefined)}>\n                  <X />{t('documents.templates.instantiate.clearSelection')}\n                </Button>\n              </div>\n            ) : (\n              <Button type=\"button\" variant=\"outline\" className=\"w-full justify-start\" onClick={() => setActiveSlot(slot)}>\n                <Search />{t('documents.templates.instantiate.searchPlaceholder')}\n              </Button>\n            )}\n          </div>\n        )\n      })}\n      <EntityPicker\n        open={activeSlot !== null}\n        onOpenChange={(open) => { if (!open) setActiveSlot(null) }}\n        onPick={handlePick}\n        typeFilter={activeSlot ? [activeSlot.entityType] : []}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAkCW,cAUC,YAVD;AAhCX,YAAY,WAAW;AACvB,SAAS,QAAQ,SAAS;AAC1B,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,8BAA8B;AACvC,SAAS,oBAAgD;AASlD,SAAS,mBAAmB,EAAE,OAAO,YAAY,kBAAkB,GAA4B;AACpG,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAqC,IAAI;AACnF,QAAM,aAAa,MAAM,YAAY,CAAC,cAAqC;AACzE,QAAI,CAAC,WAAY;AACjB,sBAAkB,WAAW,MAAM;AAAA,MACjC,YAAY,UAAU;AAAA,MACtB,UAAU,UAAU;AAAA,MACpB,OAAO,UAAU;AAAA,MACjB,MAAM,UAAU;AAAA,MAChB,QAAQ,UAAU;AAAA,IACpB,CAAC;AACD,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,YAAY,iBAAiB,CAAC;AAElC,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,oBAAC,OAAE,WAAU,iFAAiF,YAAE,yCAAyC,GAAE;AAAA,EACpJ;AACA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,OAAE,WAAU,uBAAuB,YAAE,8CAA8C,GAAE;AAAA,IACrF,MAAM,IAAI,CAAC,SAAS;AACnB,YAAM,YAAY,WAAW,KAAK,IAAI;AACtC,YAAM,QAAQ,uBAAuB,KAAK,UAAU;AACpD,aACE,qBAAC,SAAoB,WAAU,aAC7B;AAAA,6BAAC,SACE;AAAA,kBAAQ,EAAE,MAAM,QAAQ,IAAI,EAAE,qCAAqC;AAAA,UACnE,KAAK,WAAW,IAAI,EAAE,gDAAgD,CAAC,KAAK;AAAA,WAC/E;AAAA,QACC,YACC,qBAAC,SAAI,WAAU,+EACb;AAAA,+BAAC,SAAI,WAAU,WAAU;AAAA,gCAAC,OAAE,WAAU,gCAAgC,oBAAU,OAAM;AAAA,YAAI,oBAAC,OAAI,SAAQ,WAAW,kBAAQ,EAAE,MAAM,QAAQ,IAAI,EAAE,qCAAqC,GAAE;AAAA,aAAM;AAAA,UAC7L,qBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,SAAQ,SAAS,MAAM,kBAAkB,KAAK,MAAM,MAAS,GACnG;AAAA,gCAAC,KAAE;AAAA,YAAG,EAAE,gDAAgD;AAAA,aAC1D;AAAA,WACF,IAEA,qBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,WAAU,wBAAuB,SAAS,MAAM,cAAc,IAAI,GACxG;AAAA,8BAAC,UAAO;AAAA,UAAG,EAAE,mDAAmD;AAAA,WAClE;AAAA,WAfM,KAAK,IAiBf;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,eAAe;AAAA,QACrB,cAAc,CAAC,SAAS;AAAE,cAAI,CAAC,KAAM,eAAc,IAAI;AAAA,QAAE;AAAA,QACzD,QAAQ;AAAA,QACR,YAAY,aAAa,CAAC,WAAW,UAAU,IAAI,CAAC;AAAA;AAAA,IACtD;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/TemplateSlotsEditor.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, Trash2 } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { CheckboxField } from "@open-mercato/ui/primitives/checkbox-field";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  DOCUMENT_ENTITY_REGISTRY,
+  getEntityRegistryEntry
+} from "../../../lib/entityRegistry.js";
+import { useAvailableDocumentEntityRegistry } from "./useAvailableEntityRegistry.js";
+const TEMPLATE_SLOT_KEY_PATTERN = /^[a-z][a-zA-Z0-9]*$/;
+function deriveSlotKey(entityType, slots, excludeIndex) {
+  const [first = "slot", ...rest] = entityType.split("-");
+  const base = [first, ...rest.map((part) => part.slice(0, 1).toUpperCase() + part.slice(1))].join("");
+  const existing = new Set(slots.filter((_, index) => index !== excludeIndex).map((slot) => slot.slot));
+  if (!existing.has(base)) return base;
+  let ordinal = 2;
+  while (existing.has(`${base}${ordinal}`)) ordinal += 1;
+  return `${base}${ordinal}`;
+}
+function TemplateSlotsEditor({ slots, onChange }) {
+  const t = useT();
+  const { entries: availableEntries } = useAvailableDocumentEntityRegistry(DOCUMENT_ENTITY_REGISTRY);
+  const addSlot = () => {
+    const entityType = availableEntries[0]?.type;
+    if (!entityType) return;
+    onChange([...slots, { slot: deriveSlotKey(entityType, slots), entityType, required: true }]);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx(Label, { children: t("documents.templates.slots.title") }),
+      /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: addSlot, disabled: availableEntries.length === 0, children: [
+        /* @__PURE__ */ jsx(Plus, {}),
+        t("documents.templates.slots.add")
+      ] })
+    ] }),
+    slots.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-md border border-border bg-muted/20 p-3 text-sm text-muted-foreground", children: t("documents.templates.slots.empty") }) : null,
+    slots.map((slot, index) => {
+      const inputId = `document-template-slot-${index}`;
+      const entityTypeInputId = `document-template-slot-entity-type-${index}`;
+      const error = !slot.slot ? t("documents.templates.validation.slotRequired") : !TEMPLATE_SLOT_KEY_PATTERN.test(slot.slot) ? t("documents.templates.validation.slotKey") : null;
+      const currentEntry = getEntityRegistryEntry(slot.entityType);
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: inputId, children: t("documents.templates.slots.key") }),
+            /* @__PURE__ */ jsx(Input, { id: inputId, value: slot.slot, onChange: (event) => onChange(slots.map((item, itemIndex) => itemIndex === index ? { ...item, slot: event.target.value } : item)), "aria-invalid": error !== null }),
+            error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", role: "alert", children: error }) : null
+          ] }),
+          /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", "aria-label": t("documents.templates.slots.remove"), title: t("documents.templates.slots.remove"), onClick: () => onChange(slots.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx(Trash2, {}) })
+        ] }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: entityTypeInputId, children: t("documents.templates.slots.entityType") }),
+        /* @__PURE__ */ jsxs(Select, { value: slot.entityType, disabled: availableEntries.length === 0, onValueChange: (value) => onChange(slots.map((item, itemIndex) => itemIndex === index ? { ...item, entityType: value, slot: deriveSlotKey(value, slots, index) } : item)), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { id: entityTypeInputId, children: /* @__PURE__ */ jsx(SelectValue, { children: currentEntry ? t(currentEntry.labelKey) : t("documents.relatedRecords.restricted") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: availableEntries.map((entry) => /* @__PURE__ */ jsx(SelectItem, { value: entry.type, children: t(entry.labelKey) }, entry.type)) })
+        ] }),
+        /* @__PURE__ */ jsx(CheckboxField, { label: t("documents.templates.slots.required"), checked: slot.required === true, onCheckedChange: (checked) => onChange(slots.map((item, itemIndex) => itemIndex === index ? { ...item, required: checked === true } : item)) })
+      ] }, `${slot.entityType}:${index}`);
+    })
+  ] });
+}
+export {
+  TEMPLATE_SLOT_KEY_PATTERN,
+  TemplateSlotsEditor
+};
+//# sourceMappingURL=TemplateSlotsEditor.js.map

package/dist/modules/documents/backend/documents/components/TemplateSlotsEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/TemplateSlotsEditor.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { Plus, Trash2 } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  DOCUMENT_ENTITY_REGISTRY,\n  getEntityRegistryEntry,\n  type DocumentEntityType,\n} from '../../../lib/entityRegistry'\nimport type { TemplateContextSlot } from './templateUi'\nimport { useAvailableDocumentEntityRegistry } from './useAvailableEntityRegistry'\n\nexport const TEMPLATE_SLOT_KEY_PATTERN = /^[a-z][a-zA-Z0-9]*$/\n\nfunction deriveSlotKey(entityType: DocumentEntityType, slots: TemplateContextSlot[], excludeIndex?: number): string {\n  const [first = 'slot', ...rest] = entityType.split('-')\n  const base = [first, ...rest.map((part) => part.slice(0, 1).toUpperCase() + part.slice(1))].join('')\n  const existing = new Set(slots.filter((_, index) => index !== excludeIndex).map((slot) => slot.slot))\n  if (!existing.has(base)) return base\n  let ordinal = 2\n  while (existing.has(`${base}${ordinal}`)) ordinal += 1\n  return `${base}${ordinal}`\n}\n\nexport function TemplateSlotsEditor({ slots, onChange }: { slots: TemplateContextSlot[]; onChange: (slots: TemplateContextSlot[]) => void }) {\n  const t = useT()\n  const { entries: availableEntries } = useAvailableDocumentEntityRegistry(DOCUMENT_ENTITY_REGISTRY)\n  const addSlot = () => {\n    const entityType = availableEntries[0]?.type\n    if (!entityType) return\n    onChange([...slots, { slot: deriveSlotKey(entityType, slots), entityType, required: true }])\n  }\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Label>{t('documents.templates.slots.title')}</Label>\n        <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={addSlot} disabled={availableEntries.length === 0}><Plus />{t('documents.templates.slots.add')}</Button>\n      </div>\n      {slots.length === 0 ? <p className=\"rounded-md border border-border bg-muted/20 p-3 text-sm text-muted-foreground\">{t('documents.templates.slots.empty')}</p> : null}\n      {slots.map((slot, index) => {\n        const inputId = `document-template-slot-${index}`\n        const entityTypeInputId = `document-template-slot-entity-type-${index}`\n        const error = !slot.slot ? t('documents.templates.validation.slotRequired') : !TEMPLATE_SLOT_KEY_PATTERN.test(slot.slot) ? t('documents.templates.validation.slotKey') : null\n        const currentEntry = getEntityRegistryEntry(slot.entityType)\n        return (\n          <div key={`${slot.entityType}:${index}`} className=\"space-y-3 rounded-md border border-border bg-card p-3\">\n            <div className=\"flex items-start gap-2\">\n              <div className=\"min-w-0 flex-1 space-y-2\">\n                <Label htmlFor={inputId}>{t('documents.templates.slots.key')}</Label>\n                <Input id={inputId} value={slot.slot} onChange={(event) => onChange(slots.map((item, itemIndex) => itemIndex === index ? { ...item, slot: event.target.value } : item))} aria-invalid={error !== null} />\n                {error ? <p className=\"text-xs text-status-error-text\" role=\"alert\">{error}</p> : null}\n              </div>\n              <IconButton type=\"button\" variant=\"ghost\" aria-label={t('documents.templates.slots.remove')} title={t('documents.templates.slots.remove')} onClick={() => onChange(slots.filter((_, itemIndex) => itemIndex !== index))}><Trash2 /></IconButton>\n            </div>\n            <Label htmlFor={entityTypeInputId}>{t('documents.templates.slots.entityType')}</Label>\n            <Select value={slot.entityType} disabled={availableEntries.length === 0} onValueChange={(value) => onChange(slots.map((item, itemIndex) => itemIndex === index ? { ...item, entityType: value as DocumentEntityType, slot: deriveSlotKey(value as DocumentEntityType, slots, index) } : item))}>\n              <SelectTrigger id={entityTypeInputId}><SelectValue>{currentEntry ? t(currentEntry.labelKey) : t('documents.relatedRecords.restricted')}</SelectValue></SelectTrigger>\n              <SelectContent>{availableEntries.map((entry) => <SelectItem key={entry.type} value={entry.type}>{t(entry.labelKey)}</SelectItem>)}</SelectContent>\n            </Select>\n            <CheckboxField label={t('documents.templates.slots.required')} checked={slot.required === true} onCheckedChange={(checked) => onChange(slots.map((item, itemIndex) => itemIndex === index ? { ...item, required: checked === true } : item))} />\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}