@consilioweb/payload-support 0.6.1 → 0.6.2

package/dist/views/ImportConversationView/client.js

@@ -0,0 +1,204 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useCallback } from 'react';
+import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation';
+
+function ImportConversationClient() {
+  const { t } = useTranslation();
+  const [markdown, setMarkdown] = useState("");
+  const [fileName, setFileName] = useState("");
+  const [isDragOver, setIsDragOver] = useState(false);
+  const [preview, setPreview] = useState(null);
+  const [result, setResult] = useState(null);
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  const fileRef = useRef(null);
+  const handleFile = useCallback((file) => {
+    if (!file.name.endsWith(".md") && !file.name.endsWith(".txt")) {
+      setError(t("import.formatError"));
+      return;
+    }
+    if (file.size > 512e3) {
+      setError(t("import.sizeError"));
+      return;
+    }
+    setError("");
+    setFileName(file.name);
+    setResult(null);
+    setPreview(null);
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      setMarkdown(e.target?.result);
+    };
+    reader.readAsText(file);
+  }, []);
+  const onDrop = useCallback((e) => {
+    e.preventDefault();
+    setIsDragOver(false);
+    const file = e.dataTransfer.files[0];
+    if (file) handleFile(file);
+  }, [handleFile]);
+  const onFileChange = useCallback((e) => {
+    const file = e.target.files?.[0];
+    if (file) handleFile(file);
+  }, [handleFile]);
+  const doPreview = useCallback(async () => {
+    if (!markdown) return;
+    setLoading(true);
+    setError("");
+    setPreview(null);
+    try {
+      const res = await fetch("/api/support/import-conversation", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ markdown, previewOnly: true }) });
+      const data = await res.json();
+      if (!res.ok) {
+        setError(data.error || "Erreur");
+        return;
+      }
+      ;
+      setPreview(data);
+    } catch {
+      setError("Erreur reseau");
+    } finally {
+      setLoading(false);
+    }
+  }, [markdown]);
+  const doImport = useCallback(async () => {
+    if (!markdown) return;
+    setLoading(true);
+    setError("");
+    try {
+      const res = await fetch("/api/support/import-conversation", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ markdown }) });
+      const data = await res.json();
+      if (!res.ok) {
+        setError(data.error || "Erreur");
+        return;
+      }
+      ;
+      setResult(data);
+      setPreview(null);
+    } catch {
+      setError("Erreur reseau");
+    } finally {
+      setLoading(false);
+    }
+  }, [markdown]);
+  const reset = useCallback(() => {
+    setMarkdown("");
+    setFileName("");
+    setPreview(null);
+    setResult(null);
+    setError("");
+    if (fileRef.current) fileRef.current.value = "";
+  }, []);
+  const S = {
+    page: { padding: "20px 30px", maxWidth: 720, margin: "0 auto" },
+    dropzone: { border: "2px dashed var(--theme-elevation-300)", borderRadius: 12, padding: 40, textAlign: "center", cursor: "pointer", transition: "all 150ms" },
+    dropzoneDragOver: { border: "2px dashed #2563eb", borderRadius: 12, padding: 40, textAlign: "center", cursor: "pointer", background: "#eff6ff" },
+    dropzoneHasFile: { border: "2px solid #22c55e", borderRadius: 12, padding: 40, textAlign: "center", cursor: "pointer", background: "#f0fdf4" },
+    btn: { padding: "8px 16px", borderRadius: 8, border: "1px solid var(--theme-elevation-200)", fontSize: 13, cursor: "pointer", background: "var(--theme-elevation-0)", color: "var(--theme-text)", fontWeight: 600 },
+    btnPrimary: { padding: "8px 16px", borderRadius: 8, border: "none", fontSize: 13, cursor: "pointer", background: "#2563eb", color: "#fff", fontWeight: 600 },
+    btnGreen: { padding: "8px 16px", borderRadius: 8, border: "none", fontSize: 13, cursor: "pointer", background: "#16a34a", color: "#fff", fontWeight: 600 },
+    btnAmber: { padding: "8px 16px", borderRadius: 8, border: "none", fontSize: 13, cursor: "pointer", background: "#d97706", color: "#fff", fontWeight: 600 },
+    section: { padding: 16, borderRadius: 10, border: "1px solid var(--theme-elevation-150)", marginBottom: 12 },
+    infoRow: { display: "flex", justifyContent: "space-between", padding: "4px 0", fontSize: 13 },
+    infoLabel: { color: "var(--theme-elevation-500)" },
+    infoValue: { fontWeight: 600, color: "var(--theme-text)" },
+    msgAdmin: { padding: "8px 12px", borderRadius: 8, background: "#dbeafe", marginBottom: 6 },
+    msgClient: { padding: "8px 12px", borderRadius: 8, background: "var(--theme-elevation-50)", marginBottom: 6 },
+    resultSuccess: { padding: 20, borderRadius: 10, border: "2px solid #22c55e", background: "#f0fdf4" },
+    resultError: { padding: 16, borderRadius: 10, border: "1px solid #fecaca", background: "#fef2f2", color: "#dc2626", marginBottom: 12 }
+  };
+  return /* @__PURE__ */ jsxs("div", { style: S.page, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 20 }, children: [
+      /* @__PURE__ */ jsx("h1", { style: { fontSize: 22, fontWeight: 700, margin: 0 }, children: t("import.title") }),
+      result && /* @__PURE__ */ jsx("button", { onClick: reset, style: S.btnPrimary, children: t("import.newImport") })
+    ] }),
+    !result && /* @__PURE__ */ jsxs("div", { style: isDragOver ? S.dropzoneDragOver : markdown ? S.dropzoneHasFile : S.dropzone, onDragOver: (e) => {
+      e.preventDefault();
+      setIsDragOver(true);
+    }, onDragLeave: () => setIsDragOver(false), onDrop, onClick: () => fileRef.current?.click(), children: [
+      /* @__PURE__ */ jsx("div", { style: { fontSize: 24, marginBottom: 8 }, children: "\u2191" }),
+      /* @__PURE__ */ jsx("p", { style: { fontSize: 14, color: "var(--theme-text)" }, children: markdown ? t("import.dropzoneLoaded") : t("import.dropzoneText") }),
+      !markdown && /* @__PURE__ */ jsx("p", { style: { fontSize: 12, color: "var(--theme-elevation-400)", marginTop: 8 }, children: t("import.acceptedFormats") }),
+      fileName && /* @__PURE__ */ jsx("p", { style: { fontSize: 12, fontWeight: 600, marginTop: 8 }, children: fileName }),
+      /* @__PURE__ */ jsx("input", { ref: fileRef, type: "file", accept: ".md,.txt", onChange: onFileChange, style: { display: "none" } })
+    ] }),
+    error && /* @__PURE__ */ jsxs("div", { style: S.resultError, children: [
+      /* @__PURE__ */ jsx("strong", { children: t("common.error") }),
+      /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0" }, children: error })
+    ] }),
+    markdown && !preview && !result && /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center", marginTop: 16 }, children: /* @__PURE__ */ jsx("button", { onClick: doPreview, disabled: loading, style: S.btnAmber, children: loading ? t("import.analyzing") : t("import.preview") }) }),
+    preview && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { style: S.section, children: [
+        /* @__PURE__ */ jsx("div", { style: { fontWeight: 700, marginBottom: 8 }, children: t("import.client") }),
+        /* @__PURE__ */ jsxs("div", { style: S.infoRow, children: [
+          /* @__PURE__ */ jsx("span", { style: S.infoLabel, children: t("import.name") }),
+          /* @__PURE__ */ jsx("span", { style: S.infoValue, children: preview.client.name })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: S.infoRow, children: [
+          /* @__PURE__ */ jsx("span", { style: S.infoLabel, children: t("import.email") }),
+          /* @__PURE__ */ jsx("span", { style: S.infoValue, children: preview.client.email })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: S.infoRow, children: [
+          /* @__PURE__ */ jsx("span", { style: S.infoLabel, children: t("import.company") }),
+          /* @__PURE__ */ jsx("span", { style: S.infoValue, children: preview.client.company })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: S.infoRow, children: [
+          /* @__PURE__ */ jsx("span", { style: S.infoLabel, children: t("import.parsing") }),
+          /* @__PURE__ */ jsx("span", { style: S.infoValue, children: preview.parseMethod === "structured" ? t("import.parsingRegex") : t("import.parsingAi") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: S.section, children: [
+        /* @__PURE__ */ jsxs("div", { style: { fontWeight: 700, marginBottom: 8, display: "flex", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsx("span", { children: preview.subject }),
+          /* @__PURE__ */ jsxs("span", { style: { color: "var(--theme-elevation-500)", fontSize: 12 }, children: [
+            preview.messageCount,
+            " ",
+            t("import.messages")
+          ] })
+        ] }),
+        preview.messages.map((msg, i) => /* @__PURE__ */ jsxs("div", { style: msg.from === "admin" ? S.msgAdmin : S.msgClient, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", fontSize: 12, marginBottom: 4 }, children: [
+            /* @__PURE__ */ jsxs("span", { style: { fontWeight: 600 }, children: [
+              msg.from === "admin" ? ">> " : "<< ",
+              msg.name
+            ] }),
+            /* @__PURE__ */ jsx("span", { style: { color: "var(--theme-elevation-400)" }, children: msg.date })
+          ] }),
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 13 }, children: msg.preview })
+        ] }, i))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "flex-end", marginTop: 12 }, children: [
+        /* @__PURE__ */ jsx("button", { onClick: () => setPreview(null), style: S.btn, children: t("common.cancel") }),
+        /* @__PURE__ */ jsx("button", { onClick: doImport, disabled: loading, style: S.btnGreen, children: loading ? t("import.importing") : t("import.importButton", { count: String(preview.messageCount) }) })
+      ] })
+    ] }),
+    result && /* @__PURE__ */ jsxs("div", { style: S.resultSuccess, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 700, fontSize: 16, marginBottom: 12, color: "#166534" }, children: t("import.resultTitle") }),
+      /* @__PURE__ */ jsxs("div", { style: S.infoRow, children: [
+        /* @__PURE__ */ jsx("span", { style: S.infoLabel, children: t("import.resultTicket") }),
+        /* @__PURE__ */ jsx("span", { style: S.infoValue, children: /* @__PURE__ */ jsx("a", { href: `/admin/support/ticket?id=${result.ticketId}`, style: { color: "#2563eb" }, children: result.ticketNumber }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: S.infoRow, children: [
+        /* @__PURE__ */ jsx("span", { style: S.infoLabel, children: t("import.resultClient") }),
+        /* @__PURE__ */ jsxs("span", { style: S.infoValue, children: [
+          result.clientName,
+          " (",
+          result.clientEmail,
+          ")",
+          result.isNewClient && /* @__PURE__ */ jsx("span", { style: { marginLeft: 8, padding: "1px 6px", borderRadius: 4, background: "#dbeafe", color: "#1e40af", fontSize: 10 }, children: t("import.resultNew") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: S.infoRow, children: [
+        /* @__PURE__ */ jsx("span", { style: S.infoLabel, children: t("import.resultCompany") }),
+        /* @__PURE__ */ jsx("span", { style: S.infoValue, children: result.clientCompany })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: S.infoRow, children: [
+        /* @__PURE__ */ jsx("span", { style: S.infoLabel, children: t("import.resultMessages") }),
+        /* @__PURE__ */ jsx("span", { style: S.infoValue, children: t("import.resultImported", { count: String(result.messagesImported) }) })
+      ] })
+    ] })
+  ] });
+}
+
+export { ImportConversationClient };

package/dist/views/ImportConversationView/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var templates = require('@payloadcms/next/templates');
+var navigation = require('next/navigation');
+var ErrorBoundary = require('../shared/ErrorBoundary');
+var client = require('./client');
+
+const ImportConversationView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) {
+    navigation.redirect("/admin/login");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    templates.DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary.AdminErrorBoundary, { viewName: "ImportConversationView", children: /* @__PURE__ */ jsxRuntime.jsx(client.ImportConversationClient, {}) })
+    }
+  );
+};
+var ImportConversationView_default = ImportConversationView;
+
+exports.ImportConversationView = ImportConversationView;
+exports.default = ImportConversationView_default;

package/dist/views/ImportConversationView/index.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { DefaultTemplate } from '@payloadcms/next/templates';
+import { redirect } from 'next/navigation';
+import { AdminErrorBoundary } from '../shared/ErrorBoundary';
+import { ImportConversationClient } from './client';
+
+const ImportConversationView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) {
+    redirect("/admin/login");
+  }
+  return /* @__PURE__ */ jsx(
+    DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsx(AdminErrorBoundary, { viewName: "ImportConversationView", children: /* @__PURE__ */ jsx(ImportConversationClient, {}) })
+    }
+  );
+};
+var ImportConversationView_default = ImportConversationView;
+
+export { ImportConversationView, ImportConversationView_default as default };

package/dist/views/LogsView/client.cjs

@@ -0,0 +1,149 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var navigation = require('next/navigation');
+var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+
+function fmtDate(d) {
+  return new Date(d).toLocaleDateString("fr-FR", { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
+}
+const LogsClient = () => {
+  const { t } = useTranslation.useTranslation();
+  const searchParams = navigation.useSearchParams();
+  const [logType, setLogType] = react.useState(() => {
+    const t2 = searchParams.get("type");
+    return t2 === "auth" ? "auth" : "email";
+  });
+  const [logs, setLogs] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [page, setPage] = react.useState(1);
+  const [hasMore, setHasMore] = react.useState(false);
+  const [totalDocs, setTotalDocs] = react.useState(0);
+  const [purgeResult, setPurgeResult] = react.useState(null);
+  const collection = logType === "email" ? "email-logs" : "auth-logs";
+  const fetchLogs = react.useCallback(async () => {
+    try {
+      const res = await fetch(`/api/${collection}?sort=-createdAt&limit=30&page=${page}&depth=0`, { credentials: "include" });
+      if (res.ok) {
+        const d = await res.json();
+        setLogs(d.docs || []);
+        setHasMore(d.hasNextPage);
+        setTotalDocs(d.totalDocs);
+      }
+    } catch {
+    }
+    setLoading(false);
+  }, [collection, page]);
+  react.useEffect(() => {
+    setLoading(true);
+    setPage(1);
+  }, [logType]);
+  react.useEffect(() => {
+    fetchLogs();
+  }, [fetchLogs]);
+  const handlePurge = async (days) => {
+    const label = days === 0 ? "TOUS les logs" : `les logs de plus de ${days} jours`;
+    if (!window.confirm(`Supprimer ${label} (${collection}) ? Cette action est irreversible.`)) return;
+    try {
+      const res = await fetch(`/api/support/purge-logs?collection=${collection}&days=${days}`, { method: "DELETE", credentials: "include" });
+      if (res.ok) {
+        const d = await res.json();
+        setPurgeResult(`${d.purged} log(s) supprime(s)`);
+        setTimeout(() => setPurgeResult(null), 5e3);
+        fetchLogs();
+      }
+    } catch {
+    }
+  };
+  const S = {
+    page: { padding: "20px 30px", maxWidth: 1100, margin: "0 auto" },
+    header: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 },
+    title: { fontSize: 22, fontWeight: 700, margin: 0, color: "var(--theme-text)" },
+    tabsRow: { display: "flex", gap: 4, marginBottom: 12 },
+    tab: { padding: "6px 12px", borderRadius: 6, border: "none", background: "none", cursor: "pointer", fontSize: 13, color: "var(--theme-elevation-500)", fontWeight: 500 },
+    tabActive: { background: "var(--theme-elevation-100)", color: "var(--theme-text)", fontWeight: 700 },
+    purgeBtn: { padding: "4px 10px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 11, background: "var(--theme-elevation-0)", cursor: "pointer", color: "var(--theme-text)" },
+    table: { width: "100%", borderCollapse: "collapse", fontSize: 13 },
+    th: { textAlign: "left", padding: "8px", borderBottom: "1px solid var(--theme-elevation-200)", fontSize: 11, color: "var(--theme-elevation-500)" },
+    td: { padding: "8px", borderBottom: "1px solid var(--theme-elevation-100)" },
+    badge: { padding: "2px 8px", borderRadius: 4, fontSize: 11, fontWeight: 600 },
+    mono: { fontFamily: "monospace", fontSize: 12 }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.page, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { style: S.title, children: logType === "email" ? t("logs.title") : t("logs.titleAuth") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 6 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("button", { style: S.purgeBtn, onClick: () => handlePurge(7), children: t("logs.purge7") }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { style: S.purgeBtn, onClick: () => handlePurge(30), children: t("logs.purge30") }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { style: { ...S.purgeBtn, color: "#dc2626", borderColor: "#dc2626" }, onClick: () => handlePurge(0), children: t("logs.purgeAll") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.tabsRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { style: { ...S.tab, ...logType === "email" ? S.tabActive : {} }, onClick: () => setLogType("email"), children: [
+        t("logs.tabs.email"),
+        " (",
+        logType === "email" ? totalDocs : "...",
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { style: { ...S.tab, ...logType === "auth" ? S.tabActive : {} }, onClick: () => setLogType("auth"), children: [
+        t("logs.tabs.auth"),
+        " (",
+        logType === "auth" ? totalDocs : "...",
+        ")"
+      ] })
+    ] }),
+    purgeResult && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "8px 14px", borderRadius: 6, background: "#dcfce7", color: "#166534", fontSize: 13, marginBottom: 12 }, children: purgeResult }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("common.loading") }) : logs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("logs.noLogs") }) : logType === "email" ? /* @__PURE__ */ jsxRuntime.jsxs("table", { style: S.table, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.date") }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.status") }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.recipient") }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.subject") }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.action") }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: { ...S.th, textAlign: "right" }, children: t("logs.tableHeaders.time") })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: logs.map((log) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, ...S.mono }, children: fmtDate(log.createdAt) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: S.td, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...S.badge, background: log.status === "success" ? "#dcfce7" : log.status === "error" ? "#fef2f2" : "#f3f4f6", color: log.status === "success" ? "#16a34a" : log.status === "error" ? "#dc2626" : "#6b7280" }, children: log.status === "success" ? t("logs.statusSuccess") : log.status === "error" ? t("logs.statusError") : t("logs.statusIgnored") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: log.recipientEmail, children: log.recipientEmail || "--" }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: log.subject, children: log.subject || "--" }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, fontSize: 12, color: "var(--theme-elevation-500)" }, children: log.action || "--" }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, textAlign: "right" }, children: log.processingTimeMs != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { ...S.mono, color: log.processingTimeMs > 2e3 ? "#dc2626" : "#16a34a" }, children: [
+          log.processingTimeMs,
+          "ms"
+        ] }) : "--" })
+      ] }, log.id)) })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("table", { style: S.table, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.date") }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.status") }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.email") }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.ip") }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: S.th, children: t("logs.tableHeaders.userAgent") })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: logs.map((log) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, ...S.mono }, children: fmtDate(log.createdAt) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: S.td, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...S.badge, background: log.success ? "#dcfce7" : "#fef2f2", color: log.success ? "#16a34a" : "#dc2626" }, children: log.success ? t("logs.statusSuccess") : t("logs.statusFailed") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, ...S.mono }, children: log.email || "--" }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, ...S.mono }, children: log.ip || "--" }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, fontSize: 11, maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: log.userAgent || "--" })
+      ] }, log.id)) })
+    ] }),
+    totalDocs > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "center", gap: 12, marginTop: 16, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { style: S.purgeBtn, onClick: () => setPage((p) => Math.max(1, p - 1)), disabled: page <= 1, children: t("common.previous") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 12, color: "var(--theme-elevation-500)" }, children: [
+        t("common.page"),
+        " ",
+        page,
+        " -- ",
+        totalDocs,
+        " ",
+        t("common.results")
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { style: S.purgeBtn, onClick: () => setPage((p) => p + 1), disabled: !hasMore, children: t("common.next") })
+    ] })
+  ] });
+};
+
+exports.LogsClient = LogsClient;

package/dist/views/LogsView/client.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import { useSearchParams } from 'next/navigation';
+import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation';
+
+function fmtDate(d) {
+  return new Date(d).toLocaleDateString("fr-FR", { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
+}
+const LogsClient = () => {
+  const { t } = useTranslation();
+  const searchParams = useSearchParams();
+  const [logType, setLogType] = useState(() => {
+    const t2 = searchParams.get("type");
+    return t2 === "auth" ? "auth" : "email";
+  });
+  const [logs, setLogs] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [page, setPage] = useState(1);
+  const [hasMore, setHasMore] = useState(false);
+  const [totalDocs, setTotalDocs] = useState(0);
+  const [purgeResult, setPurgeResult] = useState(null);
+  const collection = logType === "email" ? "email-logs" : "auth-logs";
+  const fetchLogs = useCallback(async () => {
+    try {
+      const res = await fetch(`/api/${collection}?sort=-createdAt&limit=30&page=${page}&depth=0`, { credentials: "include" });
+      if (res.ok) {
+        const d = await res.json();
+        setLogs(d.docs || []);
+        setHasMore(d.hasNextPage);
+        setTotalDocs(d.totalDocs);
+      }
+    } catch {
+    }
+    setLoading(false);
+  }, [collection, page]);
+  useEffect(() => {
+    setLoading(true);
+    setPage(1);
+  }, [logType]);
+  useEffect(() => {
+    fetchLogs();
+  }, [fetchLogs]);
+  const handlePurge = async (days) => {
+    const label = days === 0 ? "TOUS les logs" : `les logs de plus de ${days} jours`;
+    if (!window.confirm(`Supprimer ${label} (${collection}) ? Cette action est irreversible.`)) return;
+    try {
+      const res = await fetch(`/api/support/purge-logs?collection=${collection}&days=${days}`, { method: "DELETE", credentials: "include" });
+      if (res.ok) {
+        const d = await res.json();
+        setPurgeResult(`${d.purged} log(s) supprime(s)`);
+        setTimeout(() => setPurgeResult(null), 5e3);
+        fetchLogs();
+      }
+    } catch {
+    }
+  };
+  const S = {
+    page: { padding: "20px 30px", maxWidth: 1100, margin: "0 auto" },
+    header: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 },
+    title: { fontSize: 22, fontWeight: 700, margin: 0, color: "var(--theme-text)" },
+    tabsRow: { display: "flex", gap: 4, marginBottom: 12 },
+    tab: { padding: "6px 12px", borderRadius: 6, border: "none", background: "none", cursor: "pointer", fontSize: 13, color: "var(--theme-elevation-500)", fontWeight: 500 },
+    tabActive: { background: "var(--theme-elevation-100)", color: "var(--theme-text)", fontWeight: 700 },
+    purgeBtn: { padding: "4px 10px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 11, background: "var(--theme-elevation-0)", cursor: "pointer", color: "var(--theme-text)" },
+    table: { width: "100%", borderCollapse: "collapse", fontSize: 13 },
+    th: { textAlign: "left", padding: "8px", borderBottom: "1px solid var(--theme-elevation-200)", fontSize: 11, color: "var(--theme-elevation-500)" },
+    td: { padding: "8px", borderBottom: "1px solid var(--theme-elevation-100)" },
+    badge: { padding: "2px 8px", borderRadius: 4, fontSize: 11, fontWeight: 600 },
+    mono: { fontFamily: "monospace", fontSize: 12 }
+  };
+  return /* @__PURE__ */ jsxs("div", { style: S.page, children: [
+    /* @__PURE__ */ jsxs("div", { style: S.header, children: [
+      /* @__PURE__ */ jsx("h1", { style: S.title, children: logType === "email" ? t("logs.title") : t("logs.titleAuth") }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 6 }, children: [
+        /* @__PURE__ */ jsx("button", { style: S.purgeBtn, onClick: () => handlePurge(7), children: t("logs.purge7") }),
+        /* @__PURE__ */ jsx("button", { style: S.purgeBtn, onClick: () => handlePurge(30), children: t("logs.purge30") }),
+        /* @__PURE__ */ jsx("button", { style: { ...S.purgeBtn, color: "#dc2626", borderColor: "#dc2626" }, onClick: () => handlePurge(0), children: t("logs.purgeAll") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: S.tabsRow, children: [
+      /* @__PURE__ */ jsxs("button", { style: { ...S.tab, ...logType === "email" ? S.tabActive : {} }, onClick: () => setLogType("email"), children: [
+        t("logs.tabs.email"),
+        " (",
+        logType === "email" ? totalDocs : "...",
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxs("button", { style: { ...S.tab, ...logType === "auth" ? S.tabActive : {} }, onClick: () => setLogType("auth"), children: [
+        t("logs.tabs.auth"),
+        " (",
+        logType === "auth" ? totalDocs : "...",
+        ")"
+      ] })
+    ] }),
+    purgeResult && /* @__PURE__ */ jsx("div", { style: { padding: "8px 14px", borderRadius: 6, background: "#dcfce7", color: "#166534", fontSize: 13, marginBottom: 12 }, children: purgeResult }),
+    loading ? /* @__PURE__ */ jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("common.loading") }) : logs.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("logs.noLogs") }) : logType === "email" ? /* @__PURE__ */ jsxs("table", { style: S.table, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.date") }),
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.status") }),
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.recipient") }),
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.subject") }),
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.action") }),
+        /* @__PURE__ */ jsx("th", { style: { ...S.th, textAlign: "right" }, children: t("logs.tableHeaders.time") })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: logs.map((log) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { style: { ...S.td, ...S.mono }, children: fmtDate(log.createdAt) }),
+        /* @__PURE__ */ jsx("td", { style: S.td, children: /* @__PURE__ */ jsx("span", { style: { ...S.badge, background: log.status === "success" ? "#dcfce7" : log.status === "error" ? "#fef2f2" : "#f3f4f6", color: log.status === "success" ? "#16a34a" : log.status === "error" ? "#dc2626" : "#6b7280" }, children: log.status === "success" ? t("logs.statusSuccess") : log.status === "error" ? t("logs.statusError") : t("logs.statusIgnored") }) }),
+        /* @__PURE__ */ jsx("td", { style: { ...S.td, maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: log.recipientEmail, children: log.recipientEmail || "--" }),
+        /* @__PURE__ */ jsx("td", { style: { ...S.td, maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: log.subject, children: log.subject || "--" }),
+        /* @__PURE__ */ jsx("td", { style: { ...S.td, fontSize: 12, color: "var(--theme-elevation-500)" }, children: log.action || "--" }),
+        /* @__PURE__ */ jsx("td", { style: { ...S.td, textAlign: "right" }, children: log.processingTimeMs != null ? /* @__PURE__ */ jsxs("span", { style: { ...S.mono, color: log.processingTimeMs > 2e3 ? "#dc2626" : "#16a34a" }, children: [
+          log.processingTimeMs,
+          "ms"
+        ] }) : "--" })
+      ] }, log.id)) })
+    ] }) : /* @__PURE__ */ jsxs("table", { style: S.table, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.date") }),
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.status") }),
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.email") }),
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.ip") }),
+        /* @__PURE__ */ jsx("th", { style: S.th, children: t("logs.tableHeaders.userAgent") })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: logs.map((log) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { style: { ...S.td, ...S.mono }, children: fmtDate(log.createdAt) }),
+        /* @__PURE__ */ jsx("td", { style: S.td, children: /* @__PURE__ */ jsx("span", { style: { ...S.badge, background: log.success ? "#dcfce7" : "#fef2f2", color: log.success ? "#16a34a" : "#dc2626" }, children: log.success ? t("logs.statusSuccess") : t("logs.statusFailed") }) }),
+        /* @__PURE__ */ jsx("td", { style: { ...S.td, ...S.mono }, children: log.email || "--" }),
+        /* @__PURE__ */ jsx("td", { style: { ...S.td, ...S.mono }, children: log.ip || "--" }),
+        /* @__PURE__ */ jsx("td", { style: { ...S.td, fontSize: 11, maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: log.userAgent || "--" })
+      ] }, log.id)) })
+    ] }),
+    totalDocs > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "center", gap: 12, marginTop: 16, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx("button", { style: S.purgeBtn, onClick: () => setPage((p) => Math.max(1, p - 1)), disabled: page <= 1, children: t("common.previous") }),
+      /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: "var(--theme-elevation-500)" }, children: [
+        t("common.page"),
+        " ",
+        page,
+        " -- ",
+        totalDocs,
+        " ",
+        t("common.results")
+      ] }),
+      /* @__PURE__ */ jsx("button", { style: S.purgeBtn, onClick: () => setPage((p) => p + 1), disabled: !hasMore, children: t("common.next") })
+    ] })
+  ] });
+};
+
+export { LogsClient };

package/dist/views/LogsView/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var templates = require('@payloadcms/next/templates');
+var navigation = require('next/navigation');
+var ErrorBoundary = require('../shared/ErrorBoundary');
+var client = require('./client');
+
+const LogsView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) navigation.redirect("/admin/login");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    templates.DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary.AdminErrorBoundary, { viewName: "LogsView", children: /* @__PURE__ */ jsxRuntime.jsx(client.LogsClient, {}) })
+    }
+  );
+};
+var LogsView_default = LogsView;
+
+exports.LogsView = LogsView;
+exports.default = LogsView_default;

package/dist/views/LogsView/index.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { DefaultTemplate } from '@payloadcms/next/templates';
+import { redirect } from 'next/navigation';
+import { AdminErrorBoundary } from '../shared/ErrorBoundary';
+import { LogsClient } from './client';
+
+const LogsView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) redirect("/admin/login");
+  return /* @__PURE__ */ jsx(
+    DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsx(AdminErrorBoundary, { viewName: "LogsView", children: /* @__PURE__ */ jsx(LogsClient, {}) })
+    }
+  );
+};
+var LogsView_default = LogsView;
+
+export { LogsView, LogsView_default as default };