@fayz-ai/plugin-forms 0.15.13 → 0.15.15

package/dist/PersonDocumentsWidget-RGN4UHS3.js

@@ -0,0 +1,977 @@
+import { getAllDocumentTypes, CATEGORY_ORDER, categoryLabel, documentToTimelineItem } from './chunk-5WW6FTNG.js';
+import { prefillFromPerson, printDocument } from './chunk-X6CU44B4.js';
+import { FormRenderer, htmlToPlainText } from './chunk-RB7UYZLA.js';
+import { isMedia, yesNoAnswer } from './chunk-YOFFKQD4.js';
+import './chunk-66C3L4RE.js';
+import React3, { useCallback, useState, useRef, useEffect, useMemo } from 'react';
+import { ArrowLeft, Image, Paperclip, Printer, Pencil, Plus, ChevronDown, Search, EyeOff, Eye, Upload, ClipboardList, Archive } from 'lucide-react';
+import { Button, Badge, useSaveBar, Dropdown, DropdownTrigger, DropdownContent, Input, DropdownSeparator, DropdownLabel, ConfirmDialog } from '@fayz-ai/ui';
+import { useTranslation } from '@fayz-ai/core';
+import { useLimitGuard, invalidateLimit, invalidateTabCounts, TimelineList } from '@fayz-ai/admin';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var MAX_FIELDS = 8;
+var MAX_CHARS = 280;
+function isEmpty(value) {
+  if (value == null) return true;
+  if (typeof value === "string") return value.trim() === "";
+  if (Array.isArray(value)) return value.length === 0;
+  return false;
+}
+function asText(value) {
+  if (Array.isArray(value)) return value.map((v) => String(v)).join(", ");
+  if (typeof value === "boolean") return value ? "Sim" : "N\xE3o";
+  return htmlToPlainText(String(value)) ?? String(value);
+}
+function PreviewMedia({ items, provider }) {
+  const [urls, setUrls] = useState([]);
+  useEffect(() => {
+    let alive = true;
+    Promise.all(items.map((m) => Promise.resolve(provider.mediaUrl?.(m.path) ?? null).catch(() => null))).then((u) => {
+      if (alive) setUrls(u);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [items.map((m) => m.path).join("|"), provider]);
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 pt-1", children: items.map((m, i) => urls[i] ? m.type === "video" ? /* @__PURE__ */ jsx("video", { src: urls[i], className: "h-20 w-20 rounded-md border object-cover", preload: "metadata" }, m.path) : /* @__PURE__ */ jsx("img", { src: urls[i], alt: "", className: `h-20 rounded-md border object-cover ${m.type === "signature" ? "bg-white" : "w-16"}` }, m.path) : /* @__PURE__ */ jsx("div", { className: "h-20 w-16 animate-pulse rounded-md bg-muted" }, m.path)) });
+}
+function mediaOf(field, value) {
+  if (field.type === "stencil_photo" || field.type === "signature") return isMedia(value) ? [value] : null;
+  if (field.type === "gallery") return Array.isArray(value) ? value.filter(isMedia) : null;
+  return null;
+}
+function fieldText(field, value) {
+  if (field.type === "yes_no" || field.type === "yes_no_text") {
+    const a = yesNoAnswer(value);
+    const extra = value && typeof value === "object" ? value.text?.trim() : "";
+    return `${a === "sim" ? "Sim" : a === "nao" ? "N\xE3o" : ""}${extra ? ` \u2014 ${extra}` : ""}`;
+  }
+  if (field.type === "recommendation" && Array.isArray(value)) {
+    return value.map((l) => `${l.quantity > 1 ? `${l.quantity}\xD7 ` : ""}${l.name}`).join(" \xB7 ");
+  }
+  return asText(value);
+}
+function truncate(text) {
+  return text.length > MAX_CHARS ? `${text.slice(0, MAX_CHARS).trimEnd()}\u2026` : text;
+}
+function DocumentPreview({
+  document: doc,
+  provider,
+  onOpen
+}) {
+  const t = useTranslation();
+  const [template, setTemplate] = useState(null);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    let alive = true;
+    if (!doc.templateId) {
+      setLoading(false);
+      return;
+    }
+    void provider.getTemplateById(doc.templateId).then((found) => {
+      if (alive) {
+        setTemplate(found);
+        setLoading(false);
+      }
+    }).catch(() => {
+      if (alive) setLoading(false);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [doc.templateId, provider]);
+  if (doc.kind === "image" && doc.fileUrl) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: doc.fileUrl,
+        alt: doc.fileName ?? "",
+        className: "max-h-64 rounded-lg object-contain"
+      }
+    );
+  }
+  if (doc.kind === "attachment") {
+    return /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      doc.fileName ?? t("customForms.documentFallbackTitle"),
+      doc.fileSize ? ` \xB7 ${(doc.fileSize / 1024).toFixed(1)} KB` : ""
+    ] });
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-1/3 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-2/3 animate-pulse rounded bg-muted" })
+    ] });
+  }
+  const fields = template?.schema?.fields ?? [];
+  const answered = fields.filter((f) => f.type !== "title" && !isEmpty(doc.data?.[f.id])).sort((a, b) => a.row - b.row || a.col - b.col);
+  if (answered.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("customForms.previewEmpty") });
+  }
+  const shown = answered.slice(0, MAX_FIELDS);
+  const hidden = answered.length - shown.length;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("dl", { className: "grid gap-x-6 gap-y-2 sm:grid-cols-2", children: shown.map((field) => {
+      const media = mediaOf(field, doc.data[field.id]);
+      const text = media ? "" : truncate(fieldText(field, doc.data[field.id]));
+      const wide = field.type === "memo" || field.type === "richtext" || field.type === "gallery" || text.length > 60;
+      return /* @__PURE__ */ jsxs("div", { className: `min-w-0 ${wide ? "sm:col-span-2" : ""}`, children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: htmlToPlainText(field.label) ?? field.label }),
+        /* @__PURE__ */ jsx("dd", { className: "whitespace-pre-wrap text-sm leading-6 text-foreground", children: media ? /* @__PURE__ */ jsx(PreviewMedia, { items: media, provider }) : text })
+      ] }, field.id);
+    }) }),
+    hidden > 0 && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: onOpen,
+        className: "text-xs font-medium text-primary hover:underline",
+        children: t("customForms.previewMore", { count: String(hidden) })
+      }
+    )
+  ] });
+}
+var ACTIVE_STATUSES = ["draft", "completed", "signed"];
+var EXPAND_KEY = "fayz.forms.documents.expandAll";
+function DocumentList({ personId, provider, store, onView, onFileDrop, kinds }) {
+  const acceptsFiles = Boolean(onFileDrop) && (!kinds || kinds.includes("attachment"));
+  const t = useTranslation();
+  const [documents, setDocuments] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(1);
+  const [loading, setLoading] = useState(true);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const [counts, setCounts] = useState({});
+  const [bucket, setBucket] = useState(void 0);
+  const [isDragOver, setIsDragOver] = useState(false);
+  const [expandAll, setExpandAll] = useState(() => {
+    try {
+      return localStorage.getItem(EXPAND_KEY) === "1";
+    } catch {
+      return false;
+    }
+  });
+  const toggleExpandAll = useCallback(() => {
+    setExpandAll((prev) => {
+      try {
+        localStorage.setItem(EXPAND_KEY, prev ? "0" : "1");
+      } catch {
+      }
+      return !prev;
+    });
+  }, []);
+  const [openIds, setOpenIds] = useState(/* @__PURE__ */ new Set());
+  const dragCounter = useRef(0);
+  const PAGE_SIZE = 20;
+  const queryFor = useCallback((nextPage) => ({
+    personId,
+    kinds,
+    templateCategory: bucket && bucket !== "file" ? bucket : void 0,
+    ...bucket === "file" ? { kinds: ["image", "attachment"] } : {},
+    status: ACTIVE_STATUSES,
+    page: nextPage,
+    pageSize: PAGE_SIZE
+  }), [personId, kinds, bucket]);
+  const fetchDocs = useCallback(async () => {
+    setLoading(true);
+    try {
+      const result = await provider.getDocuments(queryFor(1));
+      setDocuments(result.data);
+      setTotal(result.total);
+      setPage(1);
+    } finally {
+      setLoading(false);
+    }
+  }, [provider, queryFor]);
+  const fetchCounts = useCallback(async () => {
+    try {
+      setCounts(await provider.getDocumentCounts({ personId, kinds }));
+    } catch {
+      setCounts({});
+    }
+  }, [provider, personId, kinds]);
+  const loadMore = useCallback(async () => {
+    setLoadingMore(true);
+    try {
+      const next = page + 1;
+      const result = await provider.getDocuments(queryFor(next));
+      setDocuments((prev) => {
+        const seen = new Set(prev.map((d) => d.id));
+        return [...prev, ...result.data.filter((d) => !seen.has(d.id))];
+      });
+      setTotal(result.total);
+      setPage(next);
+    } finally {
+      setLoadingMore(false);
+    }
+  }, [provider, queryFor, page]);
+  useEffect(() => {
+    const timer = setTimeout(() => fetchDocs(), 50);
+    return () => clearTimeout(timer);
+  }, [fetchDocs]);
+  useEffect(() => {
+    void fetchCounts();
+  }, [fetchCounts]);
+  useEffect(() => {
+    const unsub = store.subscribe(() => {
+      void fetchDocs();
+      void fetchCounts();
+    });
+    return unsub;
+  }, [store, fetchDocs, fetchCounts]);
+  const [archiving, setArchiving] = useState(null);
+  const handleArchive = useCallback(async () => {
+    const doc = archiving;
+    setArchiving(null);
+    if (!doc) return;
+    await provider.updateDocument(doc.id, { status: "archived" });
+    setDocuments((prev) => prev.filter((d) => d.id !== doc.id));
+    setTotal((n) => Math.max(0, n - 1));
+    void fetchCounts();
+    invalidateTabCounts();
+  }, [provider, archiving, fetchCounts]);
+  const handleDragEnter = useCallback((e) => {
+    e.preventDefault();
+    dragCounter.current++;
+    setIsDragOver(true);
+  }, []);
+  const handleDragLeave = useCallback((e) => {
+    e.preventDefault();
+    dragCounter.current--;
+    if (dragCounter.current === 0) setIsDragOver(false);
+  }, []);
+  const handleDragOver = useCallback((e) => {
+    e.preventDefault();
+  }, []);
+  const handleDrop = useCallback((e) => {
+    e.preventDefault();
+    dragCounter.current = 0;
+    setIsDragOver(false);
+    const files = Array.from(e.dataTransfer.files);
+    if (files.length > 0 && onFileDrop) {
+      onFileDrop(files);
+    }
+  }, [onFileDrop]);
+  const buckets = useMemo(() => {
+    const order = [...CATEGORY_ORDER, "file"];
+    return order.filter((b) => (counts[b] ?? 0) > 0).map((b) => ({
+      id: b,
+      label: b === "file" ? t("customForms.bucket.file") : categoryLabel(b),
+      count: counts[b] ?? 0
+    }));
+  }, [counts, t]);
+  const totalAll = useMemo(
+    () => Object.values(counts).reduce((sum, n) => sum + n, 0),
+    [counts]
+  );
+  useEffect(() => {
+    if (bucket && !buckets.some((b) => b.id === bucket)) setBucket(void 0);
+  }, [buckets, bucket]);
+  const visible = documents;
+  const items = useMemo(
+    () => visible.map((doc) => documentToTimelineItem(doc, t("customForms.documentFallbackTitle"))),
+    [visible, t]
+  );
+  const byId = useMemo(() => new Map(visible.map((d) => [d.id, d])), [visible]);
+  const expandedIds = useMemo(() => {
+    if (!expandAll) return openIds;
+    const open = new Set(visible.map((d) => d.id));
+    for (const id of openIds) open.delete(id);
+    return open;
+  }, [expandAll, openIds, visible]);
+  const toggleOne = useCallback((id) => {
+    setOpenIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }, []);
+  useEffect(() => {
+    setOpenIds(/* @__PURE__ */ new Set());
+  }, [expandAll]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-4 py-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-9 w-9 rounded-lg bg-muted animate-pulse shrink-0" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-3.5 w-2/3 bg-muted animate-pulse rounded" }),
+        /* @__PURE__ */ jsx("div", { className: "h-2.5 w-1/3 bg-muted animate-pulse rounded" })
+      ] })
+    ] }, i)) });
+  }
+  const filters = (buckets.length > 1 || totalAll > 0) && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-1.5", children: [
+    buckets.length > 1 && [{ id: void 0, label: t("customForms.bucket.all"), count: totalAll }, ...buckets].map((chip) => {
+      const active = chip.id === bucket;
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          type: "button",
+          onClick: () => setBucket(chip.id),
+          className: `gap-0 font-normal rounded-full border px-2.5 py-1 text-xs transition-colors ${active ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+          children: [
+            chip.label,
+            /* @__PURE__ */ jsx("span", { className: "ml-1.5 tabular-nums opacity-60", children: chip.count })
+          ]
+        },
+        chip.id ?? "__all__"
+      );
+    }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: toggleExpandAll,
+        "aria-pressed": expandAll,
+        title: t(expandAll ? "customForms.hideContent" : "customForms.showContent"),
+        className: `font-normal ml-auto flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs transition-colors ${expandAll ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+        children: [
+          expandAll ? /* @__PURE__ */ jsx(EyeOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5" }),
+          t(expandAll ? "customForms.hideContent" : "customForms.showContent")
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs("div", { children: [
+    filters,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `relative min-h-[200px] rounded-xl border-2 transition-colors ${isDragOver ? "border-dashed border-primary bg-primary/5" : documents.length === 0 && acceptsFiles ? "border-dashed border-border" : "border-transparent"}`,
+        ...acceptsFiles ? {
+          onDragEnter: handleDragEnter,
+          onDragLeave: handleDragLeave,
+          onDragOver: handleDragOver,
+          onDrop: handleDrop
+        } : {},
+        children: [
+          isDragOver && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center rounded-xl bg-primary/5", children: [
+            /* @__PURE__ */ jsx(Upload, { className: "h-8 w-8 text-primary/50 mb-2" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-primary/70", children: t("customForms.dropFilesHere") })
+          ] }),
+          documents.length > 0 && visible.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customForms.noDocumentsInFilter") }) }),
+          documents.length === 0 && !isDragOver && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted mb-3", children: acceptsFiles ? /* @__PURE__ */ jsx(Paperclip, { className: "h-5 w-5 text-muted-foreground" }) : /* @__PURE__ */ jsx(ClipboardList, { className: "h-5 w-5 text-muted-foreground" }) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t(acceptsFiles ? "customForms.noFiles" : "customForms.noRecords") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1 max-w-xs", children: t(acceptsFiles ? "customForms.noFilesDescription" : "customForms.noRecordsDescription") }),
+            acceptsFiles && /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground mt-3 flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Upload, { className: "h-3 w-3" }),
+              t("customForms.dragFilesHere")
+            ] })
+          ] }),
+          visible.length > 0 && /* @__PURE__ */ jsx(
+            TimelineList,
+            {
+              items,
+              expandedIds,
+              renderPreview: (it) => {
+                const doc = byId.get(it.id);
+                return doc ? /* @__PURE__ */ jsx(DocumentPreview, { document: doc, provider, onOpen: () => onView(doc) }) : null;
+              },
+              onSelect: (it) => {
+                const doc = byId.get(it.id);
+                if (doc) onView(doc);
+              },
+              renderActions: (it) => {
+                const doc = byId.get(it.id);
+                if (!doc) return null;
+                return /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "bare",
+                      size: "bare",
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        toggleOne(doc.id);
+                      },
+                      className: "rounded-md p-1.5 hover:bg-muted",
+                      "aria-label": t(expandedIds.has(doc.id) ? "customForms.hideContent" : "customForms.showContent"),
+                      "aria-expanded": expandedIds.has(doc.id),
+                      children: expandedIds.has(doc.id) ? /* @__PURE__ */ jsx(EyeOff, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "bare",
+                      size: "bare",
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setArchiving(doc);
+                      },
+                      className: "rounded-md p-1.5 hover:bg-muted",
+                      "aria-label": t("customForms.archive"),
+                      title: t("customForms.archive"),
+                      children: /* @__PURE__ */ jsx(Archive, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                    }
+                  )
+                ] });
+              }
+            }
+          ),
+          visible.length < total && /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-4", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", disabled: loadingMore, onClick: () => void loadMore(), children: loadingMore ? t("customForms.loadingMore") : t("customForms.loadMore", { count: String(total - visible.length) }) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: archiving !== null,
+        title: t("customForms.archiveTitle"),
+        description: t("customForms.archiveDescription", {
+          name: archiving?.templateName ?? archiving?.title ?? t("customForms.documentFallbackTitle")
+        }),
+        confirmLabel: t("customForms.archive"),
+        cancelLabel: t("common.cancel"),
+        onConfirm: () => void handleArchive(),
+        onCancel: () => setArchiving(null)
+      }
+    )
+  ] });
+}
+function DocumentBodySkeleton({ rows = 5 }) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4 rounded-xl border p-4", "aria-hidden": true, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-3 w-28 animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "h-9 w-full animate-pulse rounded-md bg-muted" })
+  ] }, i)) });
+}
+function DocumentHeaderSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("div", { className: "h-3.5 w-3.5 shrink-0 animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-48 max-w-full animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-24 animate-pulse rounded bg-muted" })
+    ] })
+  ] });
+}
+function generateTitle(templateName, personName) {
+  const date = (/* @__PURE__ */ new Date()).toLocaleDateString();
+  return personName ? `${templateName} \u2014 ${personName} \u2014 ${date}` : `${templateName} \u2014 ${date}`;
+}
+function DocumentFormDialog({
+  template: initialTemplate,
+  existingDocument,
+  personId,
+  personName,
+  person,
+  provider,
+  store,
+  onSaved,
+  onBack
+}) {
+  const t = useTranslation();
+  const guardDocuments = useLimitGuard("documents_month");
+  const [template, setTemplate] = useState(initialTemplate);
+  const [data, setData] = useState(
+    () => existingDocument ? existingDocument.data : prefillFromPerson(initialTemplate?.schema, person)
+  );
+  const [saving, setSaving] = useState(false);
+  useEffect(() => {
+    if (existingDocument && !template) {
+      provider.getTemplateById(existingDocument.templateId).then(setTemplate);
+    }
+  }, [existingDocument, template, provider]);
+  const prefilled = React3.useRef(!!initialTemplate || !!existingDocument);
+  useEffect(() => {
+    if (prefilled.current || !template || existingDocument) return;
+    prefilled.current = true;
+    setData((prev) => prefillFromPerson(template.schema, person, prev));
+  }, [template, existingDocument, person]);
+  const handleSave = useCallback(
+    async (status) => {
+      if (!template) return;
+      if (!existingDocument && await guardDocuments() === "blocked") return;
+      setSaving(true);
+      try {
+        const autoTitle = generateTitle(template.name, personName);
+        if (existingDocument) {
+          await store.getState().updateDocument(existingDocument.id, { data, status });
+        } else {
+          await store.getState().createDocument({
+            templateId: template.id,
+            personId,
+            title: autoTitle,
+            data,
+            status
+          });
+          invalidateLimit("documents_month");
+        }
+        onSaved();
+      } finally {
+        setSaving(false);
+      }
+    },
+    [template, existingDocument, data, personId, personName, store, onSaved, guardDocuments]
+  );
+  const snapshot = React3.useRef(null);
+  useEffect(() => {
+    if (template && snapshot.current === null) {
+      snapshot.current = JSON.stringify(existingDocument?.data ?? {});
+    }
+  }, [template, existingDocument]);
+  const dirty = snapshot.current !== null && JSON.stringify(data) !== snapshot.current;
+  useSaveBar({
+    dirty,
+    saving,
+    onSave: () => {
+      void handleSave("completed");
+    },
+    onDiscard: () => onBack(),
+    saveLabel: t("customForms.saveAndComplete")
+  });
+  if (!template) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      existingDocument?.title ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            onClick: onBack,
+            className: "flex items-center gap-1 text-sm text-muted-foreground transition-colors hover:text-foreground",
+            children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold", children: existingDocument.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: new Date(existingDocument.createdAt).toLocaleDateString() })
+        ] })
+      ] }) : /* @__PURE__ */ jsx(DocumentHeaderSkeleton, {}),
+      /* @__PURE__ */ jsx(
+        DocumentBodySkeleton,
+        {
+          rows: Math.min(Math.max(Object.keys(existingDocument?.data ?? {}).length, 3), 8)
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: onBack,
+          className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors",
+          children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm", children: template.name }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          personName && /* @__PURE__ */ jsxs("span", { children: [
+            personName,
+            " \xB7 "
+          ] }),
+          (/* @__PURE__ */ new Date()).toLocaleDateString()
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsx(
+      FormRenderer,
+      {
+        schema: template.schema,
+        data,
+        onChange: setData
+      }
+    ) })
+  ] });
+}
+var STATUS_COLORS = {
+  draft: "bg-warning-soft text-warning-soft-foreground",
+  completed: "bg-success-soft text-success-soft-foreground",
+  signed: "bg-info-soft text-info-soft-foreground",
+  archived: "bg-muted text-muted-foreground"
+};
+function FormViewer({ document: doc, provider, onBack, onEdit }) {
+  const t = useTranslation();
+  const [template, setTemplate] = useState(null);
+  useEffect(() => {
+    if (!doc.templateId) return;
+    const timer = setTimeout(() => {
+      provider.getTemplateById(doc.templateId).then(setTemplate);
+    }, 50);
+    return () => clearTimeout(timer);
+  }, [doc.templateId, provider]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: onBack,
+          className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors",
+          children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm truncate", children: doc.title ?? template?.name ?? "" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: new Date(doc.createdAt).toLocaleDateString() })
+      ] }),
+      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: `text-[10px] ${STATUS_COLORS[doc.status] ?? ""}`, children: t(`customForms.status.${doc.status}`) }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-8",
+          disabled: !template,
+          onClick: () => template && printDocument(template, doc),
+          children: [
+            /* @__PURE__ */ jsx(Printer, { className: "h-3 w-3 mr-1" }),
+            t("customForms.printPdf")
+          ]
+        }
+      ),
+      onEdit && doc.status === "draft" && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-8", onClick: () => onEdit(doc), children: [
+        /* @__PURE__ */ jsx(Pencil, { className: "h-3 w-3 mr-1" }),
+        t("common.edit")
+      ] })
+    ] }),
+    template ? /* @__PURE__ */ jsx("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsx(
+      FormRenderer,
+      {
+        schema: template.schema,
+        data: doc.data,
+        onChange: () => {
+        },
+        readOnly: true
+      }
+    ) }) : (
+      // O documento já diz quantos campos tem: o esqueleto sai da altura certa
+      // em vez de chutar, e a chegada do conteúdo não mexe no scroll.
+      /* @__PURE__ */ jsx(DocumentBodySkeleton, { rows: Math.min(Math.max(Object.keys(doc.data ?? {}).length, 3), 8) })
+    )
+  ] });
+}
+var SEARCH_THRESHOLD = 8;
+var normalize = (s) => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+function AddDocumentDropdown({ personId, onSelect, optionFilter, label }) {
+  const t = useTranslation();
+  const [open, setOpen] = useState(false);
+  const [options, setOptions] = useState([]);
+  const [loaded, setLoaded] = useState(false);
+  const [query, setQuery] = useState("");
+  const [activeIndex, setActiveIndex] = useState(0);
+  const loadingRef = useRef(false);
+  const inputRef = useRef(null);
+  const listRef = useRef(null);
+  const handleOpenChange = useCallback((next) => {
+    setOpen(next);
+    if (!next) return;
+    setQuery("");
+    setActiveIndex(0);
+    if (loaded || loadingRef.current) return;
+    loadingRef.current = true;
+    getAllDocumentTypes(personId).then((opts) => {
+      setOptions(optionFilter ? opts.filter(optionFilter) : opts);
+      setLoaded(true);
+      loadingRef.current = false;
+    });
+  }, [personId, loaded, optionFilter]);
+  const filtered = useMemo(() => {
+    const q = normalize(query.trim());
+    if (!q) return options;
+    return options.filter(
+      (o) => normalize(o.label).includes(q) || (o.description ? normalize(o.description).includes(q) : false)
+    );
+  }, [options, query]);
+  const groups = useMemo(() => {
+    const acc = [];
+    for (const opt of filtered) {
+      let group = acc.find((g) => g.label === opt.group);
+      if (!group) {
+        group = { label: opt.group, items: [] };
+        acc.push(group);
+      }
+      group.items.push(opt);
+    }
+    return acc;
+  }, [filtered]);
+  const showSearch = loaded && options.length > SEARCH_THRESHOLD;
+  useEffect(() => {
+    if (!open || !showSearch) return;
+    const id = requestAnimationFrame(() => inputRef.current?.focus());
+    return () => cancelAnimationFrame(id);
+  }, [open, showSearch]);
+  useEffect(() => {
+    listRef.current?.querySelector(`[data-index="${activeIndex}"]`)?.scrollIntoView({ block: "nearest" });
+  }, [activeIndex]);
+  const choose = useCallback((opt) => {
+    setOpen(false);
+    onSelect(opt);
+  }, [onSelect]);
+  const handleInputKeyDown = (e) => {
+    if (e.key === "Escape") return;
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setActiveIndex((i) => Math.min(filtered.length - 1, i + 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setActiveIndex((i) => Math.max(0, i - 1));
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const opt = filtered[activeIndex];
+      if (opt) choose(opt);
+    }
+    e.stopPropagation();
+  };
+  let flatIndex = -1;
+  return /* @__PURE__ */ jsxs(Dropdown, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "sm", className: "h-8", children: [
+      /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5 mr-1" }),
+      label ?? t("customForms.addDocument"),
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 ml-1 opacity-50" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DropdownContent, { align: "end", className: "w-72 p-0", children: [
+      showSearch && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-2.5 py-2", children: [
+        /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref: inputRef,
+            value: query,
+            onChange: (e) => {
+              setQuery(e.target.value);
+              setActiveIndex(0);
+            },
+            onKeyDown: handleInputKeyDown,
+            placeholder: t("customForms.searchDocumentTypes"),
+            className: "h-auto rounded-none border-0 bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { ref: listRef, className: "max-h-[min(60vh,20rem)] overflow-y-auto overscroll-contain p-1", children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+          gi > 0 && /* @__PURE__ */ jsx(DropdownSeparator, {}),
+          /* @__PURE__ */ jsx(DropdownLabel, { className: "text-[10px] uppercase tracking-wider", children: group.label }),
+          group.items.map((opt) => {
+            const Icon = opt.icon;
+            flatIndex += 1;
+            const index = flatIndex;
+            return /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "bare",
+                size: "bare",
+                type: "button",
+                "data-index": index,
+                onClick: () => choose(opt),
+                onMouseEnter: () => setActiveIndex(index),
+                className: `font-normal justify-start relative flex w-full cursor-default select-none items-center gap-2 rounded-button px-2 py-1.5 text-left text-sm outline-none transition-colors ${index === activeIndex ? "bg-muted" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                    /* @__PURE__ */ jsx("p", { className: "text-sm truncate", children: opt.label }),
+                    opt.description && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground truncate", children: opt.description })
+                  ] })
+                ]
+              },
+              opt.id
+            );
+          })
+        ] }, group.label)),
+        !loaded && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-3", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4 border-2 border-primary border-t-transparent animate-spin rounded-full" }) }),
+        loaded && options.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customForms.noTemplates") }),
+        loaded && options.length > 0 && filtered.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customForms.noResults") })
+      ] })
+    ] })
+  ] });
+}
+var SURFACE_KINDS = {
+  records: ["form"],
+  files: ["image", "attachment"]
+};
+function PersonDocumentsWidget({ item, config, provider, store, surface = "records" }) {
+  const t = useTranslation();
+  const kinds = SURFACE_KINDS[surface];
+  const optionFilter = useCallback(
+    (o) => surface === "records" ? o.id.startsWith("template:") : o.id === "core:image" || o.id === "core:attachment",
+    [surface]
+  );
+  const guardDocuments = useLimitGuard("documents_month");
+  const [view, setView] = useState({ type: "list" });
+  const fileInputRef = useRef(null);
+  const [pendingFileAccept, setPendingFileAccept] = useState("*/*");
+  const handleDocTypeSelect = useCallback(async (option) => {
+    if (option.id.startsWith("template:")) {
+      const templateId = option.id.replace("template:", "");
+      const template = await provider.getTemplateById(templateId);
+      if (template) {
+        setView({ type: "fill", template });
+      }
+      return;
+    }
+    if (option.id === "core:image") {
+      setPendingFileAccept("image/*");
+      setTimeout(() => fileInputRef.current?.click(), 0);
+      return;
+    }
+    if (option.id === "core:attachment") {
+      setPendingFileAccept("*/*");
+      setTimeout(() => fileInputRef.current?.click(), 0);
+      return;
+    }
+  }, [provider]);
+  const handleFiles = useCallback(async (files) => {
+    if (await guardDocuments(files.length) === "blocked") return;
+    for (const file of files) {
+      const isImage = file.type.startsWith("image/");
+      await store.getState().createDocument({
+        kind: isImage ? "image" : "attachment",
+        personId: item.id,
+        title: file.name,
+        fileName: file.name,
+        fileSize: file.size,
+        mimeType: file.type,
+        status: "completed"
+      });
+    }
+    invalidateLimit("documents_month");
+  }, [store, item.id, guardDocuments]);
+  const handleFileInputChange = useCallback((e) => {
+    const files = Array.from(e.target.files ?? []);
+    if (files.length > 0) handleFiles(files);
+    e.target.value = "";
+  }, [handleFiles]);
+  const handleViewDoc = useCallback((doc) => {
+    setView({ type: "view", document: doc });
+  }, []);
+  const handleEditDoc = useCallback((doc) => {
+    setView({ type: "edit", document: doc });
+  }, []);
+  const handleBack = useCallback(() => {
+    setView({ type: "list" });
+  }, []);
+  const handleSaved = useCallback(() => {
+    setView({ type: "list" });
+  }, []);
+  if (view.type === "fill") {
+    return /* @__PURE__ */ jsx(
+      DocumentFormDialog,
+      {
+        template: view.template,
+        personId: item.id,
+        personName: item.name,
+        person: item,
+        provider,
+        store,
+        onSaved: handleSaved,
+        onBack: handleBack
+      }
+    );
+  }
+  if (view.type === "view") {
+    const doc = view.document;
+    const isForm = doc.kind === "form" || !doc.kind && doc.templateId;
+    if (!isForm) {
+      return /* @__PURE__ */ jsx(FileDocumentViewer, { document: doc, onBack: handleBack });
+    }
+    return /* @__PURE__ */ jsx(
+      FormViewer,
+      {
+        document: doc,
+        provider,
+        onBack: handleBack,
+        onEdit: handleEditDoc
+      }
+    );
+  }
+  if (view.type === "edit") {
+    return /* @__PURE__ */ jsx(
+      DocumentFormDialog,
+      {
+        template: null,
+        existingDocument: view.document,
+        personId: item.id,
+        personName: item.name,
+        person: item,
+        provider,
+        store,
+        onSaved: handleSaved,
+        onBack: handleBack
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t(surface === "files" ? "customForms.filesTitle" : "customForms.recordsTitle") }),
+      /* @__PURE__ */ jsx(
+        AddDocumentDropdown,
+        {
+          personId: item.id,
+          onSelect: handleDocTypeSelect,
+          optionFilter,
+          label: t(surface === "files" ? "customForms.addFile" : "customForms.addRecord")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DocumentList,
+      {
+        personId: item.id,
+        provider,
+        store,
+        kinds,
+        onView: handleViewDoc,
+        onFileDrop: handleFiles
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        className: "hidden",
+        accept: pendingFileAccept,
+        multiple: true,
+        onChange: handleFileInputChange
+      }
+    )
+  ] });
+}
+function FileDocumentViewer({ document: doc, onBack }) {
+  const isImage = doc.kind === "image" || doc.mimeType?.startsWith("image/");
+  const Icon = isImage ? Image : Paperclip;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "bare",
+          size: "bare",
+          onClick: onBack,
+          className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors",
+          children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm truncate", children: doc.title ?? doc.fileName ?? "Document" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: new Date(doc.createdAt).toLocaleDateString() })
+      ] }),
+      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-[10px] bg-success/15 text-success", children: doc.status === "completed" ? "Finalizado" : doc.status })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-xl border p-6 flex flex-col items-center gap-4", children: isImage && doc.fileUrl ? /* @__PURE__ */ jsx("img", { src: doc.fileUrl, alt: doc.fileName ?? "", className: "max-w-full max-h-[500px] rounded-lg object-contain" }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 py-8", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(Icon, { className: "h-7 w-7 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: doc.fileName ?? doc.title ?? "Arquivo" }),
+      doc.fileSize && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        (doc.fileSize / 1024).toFixed(1),
+        " KB"
+      ] })
+    ] }) })
+  ] });
+}
+
+export { PersonDocumentsWidget };
+//# sourceMappingURL=PersonDocumentsWidget-RGN4UHS3.js.map
+//# sourceMappingURL=PersonDocumentsWidget-RGN4UHS3.js.map