@consilioweb/payload-support 0.6.1 → 0.6.2

package/dist/views/PendingEmailsView/client.cjs

@@ -0,0 +1,173 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+
+function timeAgo(dateStr) {
+  const diff = Date.now() - new Date(dateStr).getTime();
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "a l'instant";
+  if (mins < 60) return `il y a ${mins}min`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `il y a ${hours}h`;
+  return `il y a ${Math.floor(hours / 24)}j`;
+}
+function EmailCard({ email, onProcess, processing, t }) {
+  const [expanded, setExpanded] = react.useState(false);
+  const [showLinkModal, setShowLinkModal] = react.useState(false);
+  const [linkSearch, setLinkSearch] = react.useState("");
+  const [linkResults, setLinkResults] = react.useState([]);
+  const isPending = email.status === "pending";
+  const preview = email.body.slice(0, 200) + (email.body.length > 200 ? "..." : "");
+  const suggestions = email.suggestedTickets || [];
+  react.useEffect(() => {
+    if (!linkSearch || linkSearch.length < 2) {
+      setLinkResults([]);
+      return;
+    }
+    const timer = setTimeout(async () => {
+      try {
+        const res = await fetch(`/api/tickets?where[or][0][ticketNumber][contains]=${encodeURIComponent(linkSearch)}&where[or][1][subject][contains]=${encodeURIComponent(linkSearch)}&limit=10&sort=-updatedAt&depth=0`);
+        if (res.ok) {
+          const data = await res.json();
+          setLinkResults(data.docs.map((d) => ({ id: d.id, ticketNumber: d.ticketNumber, subject: d.subject })));
+        }
+      } catch (err) {
+        console.warn("[support] ticket search error:", err);
+      }
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [linkSearch]);
+  const S = {
+    card: { padding: 16, borderRadius: 10, border: "1px solid var(--theme-elevation-150)", marginBottom: 12, opacity: processing ? 0.5 : 1 },
+    senderName: { fontWeight: 600, fontSize: 14 },
+    senderEmail: { fontSize: 12, color: "var(--theme-elevation-500)" },
+    subject: { fontWeight: 600, fontSize: 13, marginTop: 4 },
+    meta: { fontSize: 12, color: "var(--theme-elevation-400)", marginTop: 2 },
+    body: { fontSize: 13, color: "var(--theme-text)", padding: "8px 0", whiteSpace: "pre-wrap", lineHeight: 1.5 },
+    actions: { display: "flex", gap: 8, marginTop: 8 },
+    btn: { padding: "6px 14px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, fontWeight: 600, cursor: "pointer", background: "var(--theme-elevation-0)", color: "var(--theme-text)" },
+    btnCreate: { background: "#2563eb", color: "#fff", border: "none" },
+    btnIgnore: { color: "#dc2626", borderColor: "#dc2626" },
+    overlay: { position: "fixed", inset: 0, background: "rgba(0,0,0,0.5)", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 100 },
+    modal: { background: "var(--theme-elevation-0)", borderRadius: 12, padding: 24, maxWidth: 480, width: "100%", maxHeight: "80vh", overflowY: "auto" }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.card, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: S.senderName, children: email.senderName || email.senderEmail }),
+      email.senderName && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: S.senderEmail, children: [
+        " <",
+        email.senderEmail,
+        ">"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: S.subject, children: email.subject }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.meta, children: [
+      timeAgo(email.createdAt),
+      " ",
+      email.attachments?.length ? `-- ${email.attachments.length} PJ` : ""
+    ] }),
+    suggestions.length > 0 && isPending && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 6, marginTop: 6, flexWrap: "wrap" }, children: suggestions.map((s2) => /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { padding: "2px 8px", borderRadius: 4, fontSize: 11, background: s2.score >= 0.7 ? "#dcfce7" : "#fef3c7", color: s2.score >= 0.7 ? "#166534" : "#92400e" }, children: [
+      "Similaire a ",
+      s2.ticketNumber,
+      " (",
+      Math.round(s2.score * 100),
+      "%)"
+    ] }, s2.id)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: S.body, children: expanded ? email.body : preview }),
+    email.body.length > 200 && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setExpanded(!expanded), style: { ...S.btn, fontSize: 11, padding: "2px 8px" }, children: expanded ? t("pendingEmails.collapse") : t("pendingEmails.expand") }),
+    isPending && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.actions, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => {
+        const clientId = typeof email.client === "object" && email.client ? email.client.id : void 0;
+        onProcess("create_ticket", void 0, clientId);
+      }, disabled: processing, style: { ...S.btn, ...S.btnCreate }, children: t("pendingEmails.actions.createTicket") }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setShowLinkModal(true), disabled: processing, style: S.btn, children: t("pendingEmails.actions.linkToTicket") }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => onProcess("ignore"), disabled: processing, style: { ...S.btn, ...S.btnIgnore }, children: t("pendingEmails.actions.ignore") })
+    ] }),
+    showLinkModal && /* @__PURE__ */ jsxRuntime.jsx("div", { style: S.overlay, onClick: () => setShowLinkModal(false), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.modal, onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { margin: "0 0 12px", fontSize: 16, fontWeight: 700 }, children: t("pendingEmails.linkModal.title") }),
+      suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 12 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, fontWeight: 600, marginBottom: 4, color: "var(--theme-elevation-500)" }, children: t("pendingEmails.linkModal.suggestions") }),
+        suggestions.map((s2) => /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => {
+          setShowLinkModal(false);
+          onProcess("add_to_ticket", s2.id);
+        }, style: { display: "block", width: "100%", padding: "8px 12px", border: "1px solid var(--theme-elevation-200)", borderRadius: 6, background: "var(--theme-elevation-0)", cursor: "pointer", textAlign: "left", marginBottom: 4, fontSize: 13 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: s2.ticketNumber }),
+          " ",
+          s2.subject,
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 11, color: "#16a34a" }, children: [
+            Math.round(s2.score * 100),
+            "%"
+          ] })
+        ] }, s2.id))
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", placeholder: t("pendingEmails.linkModal.searchPlaceholder"), value: linkSearch, onChange: (e) => setLinkSearch(e.target.value), style: { width: "100%", padding: "8px 12px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 13, marginBottom: 8, color: "var(--theme-text)", background: "var(--theme-elevation-0)" } }),
+      linkResults.map((r) => /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => {
+        setShowLinkModal(false);
+        onProcess("add_to_ticket", r.id);
+      }, style: { display: "block", width: "100%", padding: "8px 12px", border: "1px solid var(--theme-elevation-200)", borderRadius: 6, background: "var(--theme-elevation-0)", cursor: "pointer", textAlign: "left", marginBottom: 4, fontSize: 13 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: r.ticketNumber }),
+        " ",
+        r.subject
+      ] }, r.id))
+    ] }) })
+  ] });
+}
+const PendingEmailsClient = () => {
+  const { t } = useTranslation.useTranslation();
+  const [emails, setEmails] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [tab, setTab] = react.useState("pending");
+  const [processing, setProcessing] = react.useState(null);
+  const fetchEmails = react.useCallback(async () => {
+    try {
+      const res = await fetch(`/api/pending-emails?where[status][equals]=${tab}&sort=-createdAt&limit=50&depth=1`);
+      if (res.ok) {
+        const data = await res.json();
+        setEmails(data.docs);
+      }
+    } catch {
+    }
+    setLoading(false);
+  }, [tab]);
+  react.useEffect(() => {
+    setLoading(true);
+    fetchEmails();
+  }, [fetchEmails]);
+  react.useEffect(() => {
+    if (tab !== "pending") return;
+    const iv = setInterval(fetchEmails, 3e4);
+    return () => clearInterval(iv);
+  }, [fetchEmails, tab]);
+  const handleProcess = async (emailId, action, ticketId, clientId) => {
+    setProcessing(emailId);
+    try {
+      const res = await fetch(`/api/support/pending-emails/${emailId}/process`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action, ticketId, clientId }) });
+      if (res.ok) {
+        setEmails((prev) => prev.filter((e) => e.id !== emailId));
+      } else {
+        const err = await res.json().catch(() => ({ error: "Unknown error" }));
+        alert(`Erreur : ${err.error || res.statusText}`);
+      }
+    } catch {
+      alert("Erreur reseau");
+    }
+    setProcessing(null);
+  };
+  const tabs = [{ key: "pending", label: t("pendingEmails.tabs.pending") }, { key: "processed", label: t("pendingEmails.tabs.processed") }, { key: "ignored", label: t("pendingEmails.tabs.ignored") }];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "20px 30px", maxWidth: 900, margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: 22, fontWeight: 700, margin: 0, color: "var(--theme-text)" }, children: t("pendingEmails.title") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: 13, color: "var(--theme-elevation-500)", margin: "4px 0 0" }, children: t("pendingEmails.subtitle") })
+      ] }),
+      tab === "pending" && emails.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { padding: "4px 10px", borderRadius: 10, background: "#fef2f2", color: "#dc2626", fontSize: 12, fontWeight: 700 }, children: t("pendingEmails.pendingCount", { count: String(emails.length) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 4, marginBottom: 16 }, children: tabs.map((tb) => /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setTab(tb.key), style: { padding: "6px 12px", borderRadius: 6, border: "none", background: tab === tb.key ? "var(--theme-elevation-100)" : "none", cursor: "pointer", fontSize: 13, fontWeight: tab === tb.key ? 700 : 500, color: tab === tb.key ? "var(--theme-text)" : "var(--theme-elevation-500)" }, children: tb.label }, tb.key)) }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("common.loading") }) : emails.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t(`pendingEmails.empty.${tab}`) }) : emails.map((email) => /* @__PURE__ */ jsxRuntime.jsx(EmailCard, { email, onProcess: (action, ticketId, clientId) => handleProcess(email.id, action, ticketId, clientId), processing: processing === email.id, t }, email.id))
+  ] });
+};
+
+exports.PendingEmailsClient = PendingEmailsClient;

package/dist/views/PendingEmailsView/client.js

@@ -0,0 +1,172 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation';
+
+function timeAgo(dateStr) {
+  const diff = Date.now() - new Date(dateStr).getTime();
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "a l'instant";
+  if (mins < 60) return `il y a ${mins}min`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `il y a ${hours}h`;
+  return `il y a ${Math.floor(hours / 24)}j`;
+}
+function EmailCard({ email, onProcess, processing, t }) {
+  const [expanded, setExpanded] = useState(false);
+  const [showLinkModal, setShowLinkModal] = useState(false);
+  const [linkSearch, setLinkSearch] = useState("");
+  const [linkResults, setLinkResults] = useState([]);
+  const isPending = email.status === "pending";
+  const preview = email.body.slice(0, 200) + (email.body.length > 200 ? "..." : "");
+  const suggestions = email.suggestedTickets || [];
+  useEffect(() => {
+    if (!linkSearch || linkSearch.length < 2) {
+      setLinkResults([]);
+      return;
+    }
+    const timer = setTimeout(async () => {
+      try {
+        const res = await fetch(`/api/tickets?where[or][0][ticketNumber][contains]=${encodeURIComponent(linkSearch)}&where[or][1][subject][contains]=${encodeURIComponent(linkSearch)}&limit=10&sort=-updatedAt&depth=0`);
+        if (res.ok) {
+          const data = await res.json();
+          setLinkResults(data.docs.map((d) => ({ id: d.id, ticketNumber: d.ticketNumber, subject: d.subject })));
+        }
+      } catch (err) {
+        console.warn("[support] ticket search error:", err);
+      }
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [linkSearch]);
+  const S = {
+    card: { padding: 16, borderRadius: 10, border: "1px solid var(--theme-elevation-150)", marginBottom: 12, opacity: processing ? 0.5 : 1 },
+    senderName: { fontWeight: 600, fontSize: 14 },
+    senderEmail: { fontSize: 12, color: "var(--theme-elevation-500)" },
+    subject: { fontWeight: 600, fontSize: 13, marginTop: 4 },
+    meta: { fontSize: 12, color: "var(--theme-elevation-400)", marginTop: 2 },
+    body: { fontSize: 13, color: "var(--theme-text)", padding: "8px 0", whiteSpace: "pre-wrap", lineHeight: 1.5 },
+    actions: { display: "flex", gap: 8, marginTop: 8 },
+    btn: { padding: "6px 14px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, fontWeight: 600, cursor: "pointer", background: "var(--theme-elevation-0)", color: "var(--theme-text)" },
+    btnCreate: { background: "#2563eb", color: "#fff", border: "none" },
+    btnIgnore: { color: "#dc2626", borderColor: "#dc2626" },
+    overlay: { position: "fixed", inset: 0, background: "rgba(0,0,0,0.5)", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 100 },
+    modal: { background: "var(--theme-elevation-0)", borderRadius: 12, padding: 24, maxWidth: 480, width: "100%", maxHeight: "80vh", overflowY: "auto" }
+  };
+  return /* @__PURE__ */ jsxs("div", { style: S.card, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("span", { style: S.senderName, children: email.senderName || email.senderEmail }),
+      email.senderName && /* @__PURE__ */ jsxs("span", { style: S.senderEmail, children: [
+        " <",
+        email.senderEmail,
+        ">"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: S.subject, children: email.subject }),
+    /* @__PURE__ */ jsxs("div", { style: S.meta, children: [
+      timeAgo(email.createdAt),
+      " ",
+      email.attachments?.length ? `-- ${email.attachments.length} PJ` : ""
+    ] }),
+    suggestions.length > 0 && isPending && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 6, marginTop: 6, flexWrap: "wrap" }, children: suggestions.map((s2) => /* @__PURE__ */ jsxs("span", { style: { padding: "2px 8px", borderRadius: 4, fontSize: 11, background: s2.score >= 0.7 ? "#dcfce7" : "#fef3c7", color: s2.score >= 0.7 ? "#166534" : "#92400e" }, children: [
+      "Similaire a ",
+      s2.ticketNumber,
+      " (",
+      Math.round(s2.score * 100),
+      "%)"
+    ] }, s2.id)) }),
+    /* @__PURE__ */ jsx("div", { style: S.body, children: expanded ? email.body : preview }),
+    email.body.length > 200 && /* @__PURE__ */ jsx("button", { onClick: () => setExpanded(!expanded), style: { ...S.btn, fontSize: 11, padding: "2px 8px" }, children: expanded ? t("pendingEmails.collapse") : t("pendingEmails.expand") }),
+    isPending && /* @__PURE__ */ jsxs("div", { style: S.actions, children: [
+      /* @__PURE__ */ jsx("button", { onClick: () => {
+        const clientId = typeof email.client === "object" && email.client ? email.client.id : void 0;
+        onProcess("create_ticket", void 0, clientId);
+      }, disabled: processing, style: { ...S.btn, ...S.btnCreate }, children: t("pendingEmails.actions.createTicket") }),
+      /* @__PURE__ */ jsx("button", { onClick: () => setShowLinkModal(true), disabled: processing, style: S.btn, children: t("pendingEmails.actions.linkToTicket") }),
+      /* @__PURE__ */ jsx("button", { onClick: () => onProcess("ignore"), disabled: processing, style: { ...S.btn, ...S.btnIgnore }, children: t("pendingEmails.actions.ignore") })
+    ] }),
+    showLinkModal && /* @__PURE__ */ jsx("div", { style: S.overlay, onClick: () => setShowLinkModal(false), children: /* @__PURE__ */ jsxs("div", { style: S.modal, onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx("h3", { style: { margin: "0 0 12px", fontSize: 16, fontWeight: 700 }, children: t("pendingEmails.linkModal.title") }),
+      suggestions.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginBottom: 12 }, children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: 12, fontWeight: 600, marginBottom: 4, color: "var(--theme-elevation-500)" }, children: t("pendingEmails.linkModal.suggestions") }),
+        suggestions.map((s2) => /* @__PURE__ */ jsxs("button", { onClick: () => {
+          setShowLinkModal(false);
+          onProcess("add_to_ticket", s2.id);
+        }, style: { display: "block", width: "100%", padding: "8px 12px", border: "1px solid var(--theme-elevation-200)", borderRadius: 6, background: "var(--theme-elevation-0)", cursor: "pointer", textAlign: "left", marginBottom: 4, fontSize: 13 }, children: [
+          /* @__PURE__ */ jsx("strong", { children: s2.ticketNumber }),
+          " ",
+          s2.subject,
+          " ",
+          /* @__PURE__ */ jsxs("span", { style: { fontSize: 11, color: "#16a34a" }, children: [
+            Math.round(s2.score * 100),
+            "%"
+          ] })
+        ] }, s2.id))
+      ] }),
+      /* @__PURE__ */ jsx("input", { type: "text", placeholder: t("pendingEmails.linkModal.searchPlaceholder"), value: linkSearch, onChange: (e) => setLinkSearch(e.target.value), style: { width: "100%", padding: "8px 12px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 13, marginBottom: 8, color: "var(--theme-text)", background: "var(--theme-elevation-0)" } }),
+      linkResults.map((r) => /* @__PURE__ */ jsxs("button", { onClick: () => {
+        setShowLinkModal(false);
+        onProcess("add_to_ticket", r.id);
+      }, style: { display: "block", width: "100%", padding: "8px 12px", border: "1px solid var(--theme-elevation-200)", borderRadius: 6, background: "var(--theme-elevation-0)", cursor: "pointer", textAlign: "left", marginBottom: 4, fontSize: 13 }, children: [
+        /* @__PURE__ */ jsx("strong", { children: r.ticketNumber }),
+        " ",
+        r.subject
+      ] }, r.id))
+    ] }) })
+  ] });
+}
+const PendingEmailsClient = () => {
+  const { t } = useTranslation();
+  const [emails, setEmails] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [tab, setTab] = useState("pending");
+  const [processing, setProcessing] = useState(null);
+  const fetchEmails = useCallback(async () => {
+    try {
+      const res = await fetch(`/api/pending-emails?where[status][equals]=${tab}&sort=-createdAt&limit=50&depth=1`);
+      if (res.ok) {
+        const data = await res.json();
+        setEmails(data.docs);
+      }
+    } catch {
+    }
+    setLoading(false);
+  }, [tab]);
+  useEffect(() => {
+    setLoading(true);
+    fetchEmails();
+  }, [fetchEmails]);
+  useEffect(() => {
+    if (tab !== "pending") return;
+    const iv = setInterval(fetchEmails, 3e4);
+    return () => clearInterval(iv);
+  }, [fetchEmails, tab]);
+  const handleProcess = async (emailId, action, ticketId, clientId) => {
+    setProcessing(emailId);
+    try {
+      const res = await fetch(`/api/support/pending-emails/${emailId}/process`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action, ticketId, clientId }) });
+      if (res.ok) {
+        setEmails((prev) => prev.filter((e) => e.id !== emailId));
+      } else {
+        const err = await res.json().catch(() => ({ error: "Unknown error" }));
+        alert(`Erreur : ${err.error || res.statusText}`);
+      }
+    } catch {
+      alert("Erreur reseau");
+    }
+    setProcessing(null);
+  };
+  const tabs = [{ key: "pending", label: t("pendingEmails.tabs.pending") }, { key: "processed", label: t("pendingEmails.tabs.processed") }, { key: "ignored", label: t("pendingEmails.tabs.ignored") }];
+  return /* @__PURE__ */ jsxs("div", { style: { padding: "20px 30px", maxWidth: 900, margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { style: { fontSize: 22, fontWeight: 700, margin: 0, color: "var(--theme-text)" }, children: t("pendingEmails.title") }),
+        /* @__PURE__ */ jsx("p", { style: { fontSize: 13, color: "var(--theme-elevation-500)", margin: "4px 0 0" }, children: t("pendingEmails.subtitle") })
+      ] }),
+      tab === "pending" && emails.length > 0 && /* @__PURE__ */ jsx("span", { style: { padding: "4px 10px", borderRadius: 10, background: "#fef2f2", color: "#dc2626", fontSize: 12, fontWeight: 700 }, children: t("pendingEmails.pendingCount", { count: String(emails.length) }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 4, marginBottom: 16 }, children: tabs.map((tb) => /* @__PURE__ */ jsx("button", { onClick: () => setTab(tb.key), style: { padding: "6px 12px", borderRadius: 6, border: "none", background: tab === tb.key ? "var(--theme-elevation-100)" : "none", cursor: "pointer", fontSize: 13, fontWeight: tab === tb.key ? 700 : 500, color: tab === tb.key ? "var(--theme-text)" : "var(--theme-elevation-500)" }, children: tb.label }, tb.key)) }),
+    loading ? /* @__PURE__ */ jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("common.loading") }) : emails.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t(`pendingEmails.empty.${tab}`) }) : emails.map((email) => /* @__PURE__ */ jsx(EmailCard, { email, onProcess: (action, ticketId, clientId) => handleProcess(email.id, action, ticketId, clientId), processing: processing === email.id, t }, email.id))
+  ] });
+};
+
+export { PendingEmailsClient };

package/dist/views/PendingEmailsView/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 PendingEmailsView = ({ 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: "PendingEmailsView", children: /* @__PURE__ */ jsxRuntime.jsx(client.PendingEmailsClient, {}) })
+    }
+  );
+};
+var PendingEmailsView_default = PendingEmailsView;
+
+exports.PendingEmailsView = PendingEmailsView;
+exports.default = PendingEmailsView_default;

package/dist/views/PendingEmailsView/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 { PendingEmailsClient } from './client';
+
+const PendingEmailsView = ({ 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: "PendingEmailsView", children: /* @__PURE__ */ jsx(PendingEmailsClient, {}) })
+    }
+  );
+};
+var PendingEmailsView_default = PendingEmailsView;
+
+export { PendingEmailsView, PendingEmailsView_default as default };