@consilioweb/payload-support 0.6.0 → 0.6.1

package/dist/views/ChatView/client.js

@@ -1,252 +0,0 @@
-"use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useEffect } from 'react';
-import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation';
-
-const ChatViewClient = () => {
-  const { t } = useTranslation();
-  const [sessions, setSessions] = useState({ active: [], closed: [] });
-  const [selectedSession, setSelectedSession] = useState(null);
-  const [messages, setMessages] = useState([]);
-  const [input, setInput] = useState("");
-  const [sending, setSending] = useState(false);
-  const [showClosed, setShowClosed] = useState(false);
-  const [loading, setLoading] = useState(true);
-  const [cannedResponses, setCannedResponses] = useState([]);
-  const messagesEndRef = useRef(null);
-  const lastFetchRef = useRef(null);
-  const [sessionExpired, setSessionExpired] = useState(false);
-  const sessionsESRef = useRef(null);
-  const messagesESRef = useRef(null);
-  const fetchSessions = useCallback(async () => {
-    try {
-      const res = await fetch("/api/support/admin-chat");
-      if (res.status === 401 || res.status === 403) {
-        setSessionExpired(true);
-        return;
-      }
-      if (res.ok) {
-        const data = await res.json();
-        setSessions({ active: data.active || [], closed: data.closed || [] });
-      }
-    } catch {
-    }
-    setLoading(false);
-  }, []);
-  useEffect(() => {
-    if (sessionExpired) return;
-    fetchSessions();
-    if (typeof EventSource !== "undefined") {
-      const es = new EventSource("/api/support/admin-chat-stream");
-      sessionsESRef.current = es;
-      es.onmessage = (event) => {
-        try {
-          const parsed = JSON.parse(event.data);
-          if (parsed.type === "sessions" && parsed.data) {
-            setSessions({ active: parsed.data.active || [], closed: parsed.data.closed || [] });
-            setLoading(false);
-          }
-        } catch {
-        }
-      };
-      es.onerror = () => {
-        es.close();
-        sessionsESRef.current = null;
-        const iv2 = setInterval(fetchSessions, 5e3);
-        return () => clearInterval(iv2);
-      };
-      return () => {
-        es.close();
-        sessionsESRef.current = null;
-      };
-    }
-    const iv = setInterval(fetchSessions, 5e3);
-    return () => clearInterval(iv);
-  }, [fetchSessions, sessionExpired]);
-  useEffect(() => {
-    fetch("/api/canned-responses?sort=sortOrder&limit=50&depth=0", { credentials: "include" }).then((res) => res.ok ? res.json() : null).then((data) => {
-      if (data?.docs) setCannedResponses(data.docs);
-    }).catch(() => {
-    });
-  }, []);
-  useEffect(() => {
-    if (!selectedSession) return;
-    const fetchMessages = async () => {
-      try {
-        const after = lastFetchRef.current || "";
-        const url = `/api/support/admin-chat?session=${selectedSession}${after ? `&after=${after}` : ""}`;
-        const res = await fetch(url);
-        if (res.ok) {
-          const data = await res.json();
-          if (!lastFetchRef.current) {
-            setMessages(data.messages || []);
-          } else if (data.messages?.length > 0) {
-            setMessages((prev) => {
-              const ids = new Set(prev.map((m) => m.id));
-              const newMsgs = data.messages.filter((m) => !ids.has(m.id));
-              return newMsgs.length > 0 ? [...prev, ...newMsgs] : prev;
-            });
-          }
-          if (data.messages?.length > 0) {
-            lastFetchRef.current = data.messages[data.messages.length - 1].createdAt;
-          }
-        }
-      } catch {
-      }
-    };
-    lastFetchRef.current = null;
-    fetchMessages();
-    if (typeof EventSource !== "undefined") {
-      const es = new EventSource(`/api/support/admin-chat-stream?session=${selectedSession}`);
-      messagesESRef.current = es;
-      es.onmessage = (event) => {
-        try {
-          const parsed = JSON.parse(event.data);
-          if (parsed.type === "messages" && parsed.data?.length > 0) {
-            setMessages((prev) => {
-              const ids = new Set(prev.map((m) => m.id));
-              const newMsgs = parsed.data.filter((m) => !ids.has(m.id));
-              return newMsgs.length > 0 ? [...prev, ...newMsgs] : prev;
-            });
-          }
-        } catch {
-        }
-      };
-      es.onerror = () => {
-        es.close();
-        messagesESRef.current = null;
-        const iv2 = setInterval(fetchMessages, 3e3);
-        fetchMessages._fallbackIv = iv2;
-      };
-      return () => {
-        es.close();
-        messagesESRef.current = null;
-        if (fetchMessages._fallbackIv) clearInterval(fetchMessages._fallbackIv);
-      };
-    }
-    const iv = setInterval(fetchMessages, 3e3);
-    return () => clearInterval(iv);
-  }, [selectedSession]);
-  useEffect(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages]);
-  const sendMessage = async (e) => {
-    e.preventDefault();
-    if (!input.trim() || !selectedSession || sending) return;
-    setSending(true);
-    try {
-      const res = await fetch("/api/support/admin-chat", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "send", session: selectedSession, message: input.trim() }) });
-      if (res.ok) {
-        const data = await res.json();
-        setMessages((prev) => [...prev, data.message]);
-        lastFetchRef.current = data.message.createdAt;
-        setInput("");
-      }
-    } catch {
-    }
-    setSending(false);
-  };
-  const closeSession = async () => {
-    if (!selectedSession) return;
-    try {
-      await fetch("/api/support/admin-chat", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "close", session: selectedSession }) });
-      setSelectedSession(null);
-      fetchSessions();
-    } catch {
-    }
-  };
-  const getClientName = (client) => {
-    if (typeof client === "number") return `Client #${client}`;
-    const parts = [client.firstName, client.lastName].filter(Boolean);
-    if (parts.length > 0) return parts.join(" ");
-    return client.email || `Client #${client.id}`;
-  };
-  const displayedSessions = showClosed ? sessions.closed : sessions.active;
-  const S = {
-    page: { padding: "20px 30px", maxWidth: 1200, margin: "0 auto" },
-    container: { display: "grid", gridTemplateColumns: "320px 1fr", gap: 16, minHeight: "calc(100vh - 300px)" },
-    sidebar: { borderRight: "1px solid var(--theme-elevation-200)" },
-    sessionItem: { display: "block", width: "100%", padding: "10px 14px", border: "none", background: "none", cursor: "pointer", textAlign: "left", borderBottom: "1px solid var(--theme-elevation-100)", fontSize: 13 },
-    sessionActive: { background: "var(--theme-elevation-50)" },
-    chatPanel: { display: "flex", flexDirection: "column" },
-    messagesArea: { flex: 1, overflowY: "auto", padding: "12px 0" },
-    bubble: { maxWidth: "70%", padding: "8px 12px", borderRadius: 10, marginBottom: 8, fontSize: 14 },
-    bubbleAgent: { background: "#dbeafe", color: "#1e3a5f", marginLeft: "auto" },
-    bubbleClient: { background: "var(--theme-elevation-100)", color: "var(--theme-text)" },
-    bubbleSystem: { margin: "4px auto", padding: "4px 12px", fontSize: 11, color: "#6b7280", textAlign: "center" },
-    composer: { borderTop: "1px solid var(--theme-elevation-200)", padding: "8px 0" },
-    composerInput: { flex: 1, padding: "8px 12px", borderRadius: 8, border: "1px solid var(--theme-elevation-200)", fontSize: 13, background: "var(--theme-elevation-0)", color: "var(--theme-text)" },
-    sendBtn: { padding: "8px 16px", borderRadius: 8, background: "#2563eb", color: "#fff", border: "none", fontWeight: 600, cursor: "pointer", fontSize: 13 },
-    tabsRow: { display: "flex", gap: 4, padding: "8px 14px", borderBottom: "1px solid var(--theme-elevation-200)" },
-    tab: { padding: "4px 10px", borderRadius: 6, border: "none", background: "none", cursor: "pointer", fontSize: 12, color: "var(--theme-elevation-500)" },
-    tabActive: { background: "var(--theme-elevation-100)", fontWeight: 700, color: "var(--theme-text)" }
-  };
-  return /* @__PURE__ */ jsxs("div", { style: S.page, children: [
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: 16 }, children: [
-      /* @__PURE__ */ jsx("h1", { style: { fontSize: 22, fontWeight: 700, margin: 0, color: "var(--theme-text)" }, children: t("chat.title") }),
-      /* @__PURE__ */ jsx("p", { style: { color: "var(--theme-elevation-500)", fontSize: 13, margin: "4px 0 0" }, children: sessions.active.length !== 1 ? t("chat.sessionCountPlural", { count: String(sessions.active.length) }) : t("chat.sessionCount", { count: String(sessions.active.length) }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { style: S.container, children: [
-      /* @__PURE__ */ jsxs("div", { style: S.sidebar, children: [
-        /* @__PURE__ */ jsxs("div", { style: S.tabsRow, children: [
-          /* @__PURE__ */ jsxs("button", { onClick: () => setShowClosed(false), style: { ...S.tab, ...!showClosed ? S.tabActive : {} }, children: [
-            t("chat.tabs.active"),
-            " (",
-            sessions.active.length,
-            ")"
-          ] }),
-          /* @__PURE__ */ jsxs("button", { onClick: () => setShowClosed(true), style: { ...S.tab, ...showClosed ? S.tabActive : {} }, children: [
-            t("chat.tabs.closed"),
-            " (",
-            sessions.closed.length,
-            ")"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { children: loading ? /* @__PURE__ */ jsx("div", { style: { padding: 20, textAlign: "center", color: "#94a3b8" }, children: t("common.loading") }) : displayedSessions.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: 20, textAlign: "center", color: "#94a3b8" }, children: showClosed ? t("chat.noSessionClosed") : t("chat.noSessionActive") }) : displayedSessions.map((s2) => /* @__PURE__ */ jsxs("button", { onClick: () => setSelectedSession(s2.session), style: { ...S.sessionItem, ...selectedSession === s2.session ? S.sessionActive : {} }, children: [
-          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: getClientName(s2.client) }),
-            s2.unreadCount > 0 && /* @__PURE__ */ jsx("span", { style: { padding: "1px 6px", borderRadius: 10, background: "#dc2626", color: "#fff", fontSize: 10, fontWeight: 700 }, children: s2.unreadCount })
-          ] }),
-          /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "var(--theme-elevation-500)", marginTop: 2, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: s2.lastMessage }),
-          /* @__PURE__ */ jsxs("div", { style: { fontSize: 11, color: "var(--theme-elevation-400)", marginTop: 2 }, children: [
-            new Date(s2.lastMessageAt).toLocaleString("fr-FR", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" }),
-            " -- ",
-            s2.messageCount,
-            " ",
-            t("chat.msg")
-          ] })
-        ] }, s2.session)) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { style: S.chatPanel, children: !selectedSession ? /* @__PURE__ */ jsx("div", { style: { flex: 1, display: "flex", alignItems: "center", justifyContent: "center", color: "#94a3b8", fontSize: 14 }, children: t("chat.selectSession") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 14px", borderBottom: "1px solid var(--theme-elevation-200)" }, children: [
-          /* @__PURE__ */ jsx("span", { style: { fontFamily: "monospace", fontSize: 12, color: "var(--theme-elevation-500)" }, children: selectedSession }),
-          /* @__PURE__ */ jsx("button", { onClick: closeSession, style: { padding: "4px 12px", borderRadius: 6, border: "1px solid #dc2626", background: "none", color: "#dc2626", fontSize: 12, cursor: "pointer" }, children: t("chat.closeChat") })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { style: S.messagesArea, children: [
-          messages.map((msg) => /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: msg.senderType === "agent" ? "row-reverse" : "row", padding: "2px 14px" }, children: msg.senderType === "system" ? /* @__PURE__ */ jsx("div", { style: S.bubbleSystem, children: msg.message }) : /* @__PURE__ */ jsxs("div", { style: { ...S.bubble, ...msg.senderType === "agent" ? S.bubbleAgent : S.bubbleClient }, children: [
-            /* @__PURE__ */ jsx("div", { style: { fontSize: 11, fontWeight: 600, marginBottom: 2 }, children: msg.senderType === "agent" ? t("chat.you") : t("chat.clientLabel") }),
-            /* @__PURE__ */ jsx("div", { children: msg.message }),
-            /* @__PURE__ */ jsx("div", { style: { fontSize: 10, color: msg.senderType === "agent" ? "#1e40af" : "var(--theme-elevation-400)", marginTop: 2 }, children: new Date(msg.createdAt).toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" }) })
-          ] }) }, msg.id)),
-          /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
-        ] }),
-        /* @__PURE__ */ jsxs("form", { onSubmit: sendMessage, style: S.composer, children: [
-          cannedResponses.length > 0 && /* @__PURE__ */ jsxs("select", { onChange: (e) => {
-            const cr = cannedResponses.find((c) => String(c.id) === e.target.value);
-            if (cr) setInput(cr.body);
-            e.target.value = "";
-          }, style: { padding: "4px 8px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 11, marginBottom: 6, color: "var(--theme-text)", background: "var(--theme-elevation-0)" }, children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: t("chat.quickReply") }),
-            cannedResponses.map((cr) => /* @__PURE__ */ jsx("option", { value: String(cr.id), children: cr.title }, cr.id))
-          ] }),
-          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-            /* @__PURE__ */ jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value), placeholder: t("chat.inputPlaceholder"), maxLength: 2e3, style: S.composerInput, autoFocus: true }),
-            /* @__PURE__ */ jsx("button", { type: "submit", disabled: !input.trim() || sending, style: S.sendBtn, children: t("chat.sendButton") })
-          ] })
-        ] })
-      ] }) })
-    ] })
-  ] });
-};
-
-export { ChatViewClient };

package/dist/views/ChatView/index.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { DefaultTemplate } from '@payloadcms/next/templates';
-import { redirect } from 'next/navigation';
-import { AdminErrorBoundary } from '../shared/ErrorBoundary';
-import { ChatViewClient } from './client';
-
-const ChatView = ({ 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: "ChatView", children: /* @__PURE__ */ jsx(ChatViewClient, {}) })
-    }
-  );
-};
-var ChatView_default = ChatView;
-
-export { ChatView, ChatView_default as default };

package/dist/views/CrmView/client.js

@@ -1,232 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useCallback, useEffect } from 'react';
-import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation';
-
-const statusLabelKeys = { open: "ticket.status.open", waiting_client: "ticket.status.waiting_client", resolved: "ticket.status.resolved" };
-const statusColors = { open: "#3b82f6", waiting_client: "#f59e0b", resolved: "#22c55e" };
-function formatDuration(minutes) {
-  const h = Math.floor(minutes / 60);
-  const m = minutes % 60;
-  if (h === 0) return `${m}min`;
-  if (m === 0) return `${h}h`;
-  return `${h}h${m}m`;
-}
-function timeAgo(dateStr) {
-  const diff = Date.now() - new Date(dateStr).getTime();
-  const days = Math.floor(diff / 864e5);
-  if (days === 0) return "Aujourd'hui";
-  if (days === 1) return "Hier";
-  if (days < 30) return `Il y a ${days}j`;
-  return `Il y a ${Math.floor(days / 30)} mois`;
-}
-const CrmClient = () => {
-  const { t } = useTranslation();
-  const [clients, setClients] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [search, setSearch] = useState("");
-  const [selectedId, setSelectedId] = useState(null);
-  const [detail, setDetail] = useState(null);
-  const [detailLoading, setDetailLoading] = useState(false);
-  const [showMerge, setShowMerge] = useState(false);
-  const [mergeSearch, setMergeSearch] = useState("");
-  const [mergeResults, setMergeResults] = useState([]);
-  const [merging, setMerging] = useState(false);
-  const [mergeSuccess, setMergeSuccess] = useState("");
-  const fetchClients = useCallback(async () => {
-    try {
-      const params = new URLSearchParams({ limit: "100", sort: "company", depth: "0" });
-      if (search) params.set("where[company][like]", search);
-      const res = await fetch(`/api/support-clients?${params}`);
-      if (res.ok) {
-        const json = await res.json();
-        setClients(json.docs || []);
-      }
-    } catch {
-    }
-    setLoading(false);
-  }, [search]);
-  useEffect(() => {
-    const timeout = setTimeout(fetchClients, 300);
-    return () => clearTimeout(timeout);
-  }, [fetchClients]);
-  const fetchDetail = useCallback(async (clientId) => {
-    setDetailLoading(true);
-    try {
-      const [clientRes, ticketsRes, projectsRes, timeRes] = await Promise.all([
-        fetch(`/api/support-clients/${clientId}?depth=0`),
-        fetch(`/api/tickets?where[client][equals]=${clientId}&sort=-createdAt&limit=20&depth=0`),
-        fetch(`/api/projects?where[client][equals]=${clientId}&depth=0`),
-        fetch(`/api/time-entries?limit=0&depth=0`)
-      ]);
-      const client = clientRes.ok ? await clientRes.json() : null;
-      const tickets = ticketsRes.ok ? (await ticketsRes.json()).docs || [] : [];
-      const projects = projectsRes.ok ? (await projectsRes.json()).docs || [] : [];
-      const ticketIds = tickets.map((t2) => t2.id);
-      let totalTimeMinutes = 0;
-      if (timeRes.ok) {
-        const timeData = await timeRes.json();
-        totalTimeMinutes = timeData.docs.filter((e) => ticketIds.includes(e.ticket)).reduce((sum, e) => sum + (e.duration || 0), 0);
-      }
-      const openTickets = tickets.filter((t2) => ["open", "waiting_client"].includes(t2.status)).length;
-      const resolvedTickets = tickets.filter((t2) => t2.status === "resolved").length;
-      setDetail({ client, tickets, projects, stats: { totalTickets: tickets.length, openTickets, resolvedTickets, totalTimeMinutes, lastActivity: tickets.length > 0 ? tickets[0].createdAt : null } });
-    } catch {
-      setDetail(null);
-    }
-    setDetailLoading(false);
-  }, []);
-  const selectClient = (id) => {
-    setSelectedId(id);
-    fetchDetail(id);
-    setShowMerge(false);
-    setMergeSuccess("");
-  };
-  useEffect(() => {
-    if (!mergeSearch || mergeSearch.length < 2) {
-      setMergeResults([]);
-      return;
-    }
-    const timer = setTimeout(async () => {
-      try {
-        const res = await fetch(`/api/support-clients?where[or][0][company][like]=${encodeURIComponent(mergeSearch)}&where[or][1][email][like]=${encodeURIComponent(mergeSearch)}&limit=10&depth=0`);
-        if (res.ok) {
-          const json = await res.json();
-          setMergeResults((json.docs || []).filter((c) => c.id !== selectedId));
-        }
-      } catch {
-      }
-    }, 300);
-    return () => clearTimeout(timer);
-  }, [mergeSearch, selectedId]);
-  const handleMerge = async (targetId) => {
-    if (!selectedId || !detail) return;
-    if (!confirm(`Fusionner ce client dans un autre ? Cette action est irreversible.`)) return;
-    setMerging(true);
-    try {
-      const res = await fetch("/api/support/merge-clients", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ sourceId: selectedId, targetId }) });
-      if (res.ok) {
-        const data = await res.json();
-        setMergeSuccess(data.message);
-        setShowMerge(false);
-        setSelectedId(targetId);
-        fetchDetail(targetId);
-        fetchClients();
-      } else {
-        const err = await res.json().catch(() => ({ error: "Erreur inconnue" }));
-        alert(`Erreur : ${err.error}`);
-      }
-    } catch {
-      alert("Erreur reseau");
-    }
-    setMerging(false);
-  };
-  const S = {
-    page: { padding: "20px 30px", maxWidth: 1200, margin: "0 auto" },
-    grid: { display: "grid", gridTemplateColumns: "300px 1fr", gap: 20 },
-    sidebar: { borderRight: "1px solid var(--theme-elevation-200)", paddingRight: 16 },
-    searchInput: { width: "100%", padding: "8px 12px", borderRadius: 8, border: "1px solid var(--theme-elevation-200)", fontSize: 13, marginBottom: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" },
-    clientItem: { padding: "10px 12px", borderRadius: 8, cursor: "pointer", marginBottom: 4, border: "1px solid transparent" },
-    clientItemActive: { background: "var(--theme-elevation-50)", borderColor: "var(--theme-elevation-200)" },
-    statsGrid: { display: "grid", gridTemplateColumns: "repeat(5, 1fr)", gap: 8, marginBottom: 16 },
-    statCard: { padding: "10px 12px", borderRadius: 8, border: "1px solid var(--theme-elevation-150)", textAlign: "center" },
-    table: { width: "100%", borderCollapse: "collapse", fontSize: 13 },
-    th: { textAlign: "left", padding: "6px 8px", borderBottom: "1px solid var(--theme-elevation-200)", fontSize: 11, color: "var(--theme-elevation-500)" },
-    td: { padding: "6px 8px", borderBottom: "1px solid var(--theme-elevation-100)" },
-    badge: { padding: "2px 6px", borderRadius: 4, fontSize: 10, fontWeight: 600 }
-  };
-  return /* @__PURE__ */ jsxs("div", { style: S.page, children: [
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: 20 }, children: [
-      /* @__PURE__ */ jsx("h1", { style: { fontSize: 22, fontWeight: 700, margin: 0, color: "var(--theme-text)" }, children: t("crm.title") }),
-      /* @__PURE__ */ jsx("div", { style: { fontSize: 13, color: "var(--theme-elevation-500)", marginTop: 4 }, children: t("crm.subtitle") })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { style: S.grid, children: [
-      /* @__PURE__ */ jsxs("div", { style: S.sidebar, children: [
-        /* @__PURE__ */ jsx("input", { type: "text", placeholder: t("crm.searchPlaceholder"), value: search, onChange: (e) => setSearch(e.target.value), style: S.searchInput }),
-        /* @__PURE__ */ jsx("div", { children: loading ? /* @__PURE__ */ jsx("div", { style: { padding: 20, textAlign: "center", color: "#94a3b8" }, children: t("common.loading") }) : clients.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: 20, textAlign: "center", color: "#94a3b8" }, children: t("crm.noClientFound") }) : clients.map((c) => /* @__PURE__ */ jsxs("div", { onClick: () => selectClient(c.id), style: { ...S.clientItem, ...selectedId === c.id ? S.clientItemActive : {} }, children: [
-          /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, fontSize: 13 }, children: c.company }),
-          /* @__PURE__ */ jsxs("div", { style: { fontSize: 12, color: "var(--theme-elevation-500)" }, children: [
-            c.firstName,
-            " ",
-            c.lastName
-          ] }),
-          /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-400)" }, children: c.email })
-        ] }, c.id)) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { children: !selectedId ? /* @__PURE__ */ jsx("div", { style: { padding: 60, textAlign: "center", color: "#94a3b8" }, children: t("crm.selectClient") }) : detailLoading ? /* @__PURE__ */ jsx("div", { style: { padding: 60, textAlign: "center", color: "#94a3b8" }, children: t("common.loading") }) : detail ? /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 16 }, children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h2", { style: { fontSize: 20, fontWeight: 700, margin: 0 }, children: detail.client.company }),
-            /* @__PURE__ */ jsxs("div", { style: { fontSize: 13, color: "var(--theme-elevation-500)" }, children: [
-              detail.client.firstName,
-              " ",
-              detail.client.lastName
-            ] }),
-            /* @__PURE__ */ jsxs("div", { style: { fontSize: 12, color: "var(--theme-elevation-400)" }, children: [
-              detail.client.email,
-              " ",
-              detail.client.phone && `-- ${detail.client.phone}`
-            ] }),
-            detail.client.notes && /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "var(--theme-elevation-500)", marginTop: 4, fontStyle: "italic" }, children: detail.client.notes })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-            /* @__PURE__ */ jsx("a", { href: `/admin/collections/support-clients/${detail.client.id}`, style: { padding: "6px 14px", borderRadius: 6, background: "#2563eb", color: "#fff", fontSize: 12, fontWeight: 600, textDecoration: "none" }, children: t("crm.editButton") }),
-            /* @__PURE__ */ jsx("button", { onClick: () => {
-              setShowMerge(!showMerge);
-              setMergeSearch("");
-              setMergeResults([]);
-            }, style: { padding: "6px 14px", borderRadius: 6, border: "1px solid #d97706", background: "none", color: "#d97706", fontSize: 12, fontWeight: 600, cursor: "pointer" }, children: t("crm.mergeButton") })
-          ] })
-        ] }),
-        mergeSuccess && /* @__PURE__ */ jsx("div", { style: { padding: "8px 14px", borderRadius: 6, background: "#dcfce7", color: "#166534", fontSize: 13, marginBottom: 12 }, children: mergeSuccess }),
-        showMerge && /* @__PURE__ */ jsxs("div", { style: { padding: 16, borderRadius: 8, border: "1px solid #fde68a", background: "#fefce8", marginBottom: 16 }, children: [
-          /* @__PURE__ */ jsx("h4", { style: { margin: "0 0 8px", fontSize: 14 }, children: t("crm.mergeTitle") }),
-          /* @__PURE__ */ jsx("input", { type: "text", value: mergeSearch, onChange: (e) => setMergeSearch(e.target.value), placeholder: t("crm.mergeSearchPlaceholder"), style: S.searchInput }),
-          mergeResults.map((c) => /* @__PURE__ */ jsxs("button", { onClick: () => handleMerge(c.id), disabled: merging, 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: c.company }),
-            " -- ",
-            c.firstName,
-            " ",
-            c.lastName,
-            " ",
-            /* @__PURE__ */ jsx("span", { style: { color: "var(--theme-elevation-400)", fontSize: 11 }, children: c.email })
-          ] }, c.id))
-        ] }),
-        /* @__PURE__ */ jsx("div", { style: S.statsGrid, children: [
-          { label: t("crm.stats.totalTickets"), value: String(detail.stats.totalTickets) },
-          { label: t("crm.stats.openTickets"), value: String(detail.stats.openTickets) },
-          { label: t("crm.stats.resolvedTickets"), value: String(detail.stats.resolvedTickets) },
-          { label: t("crm.stats.timeSpent"), value: formatDuration(detail.stats.totalTimeMinutes) },
-          { label: t("crm.stats.lastActivity"), value: detail.stats.lastActivity ? timeAgo(detail.stats.lastActivity) : "-" }
-        ].map((stat) => /* @__PURE__ */ jsxs("div", { style: S.statCard, children: [
-          /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-500)", marginBottom: 2 }, children: stat.label }),
-          /* @__PURE__ */ jsx("div", { style: { fontSize: 18, fontWeight: 700, color: "var(--theme-text)" }, children: stat.value })
-        ] }, stat.label)) }),
-        /* @__PURE__ */ jsxs("div", { style: { padding: 16, borderRadius: 10, border: "1px solid var(--theme-elevation-150)", marginBottom: 16 }, children: [
-          /* @__PURE__ */ jsxs("h3", { style: { fontSize: 14, fontWeight: 700, margin: "0 0 8px" }, children: [
-            t("crm.sections.tickets"),
-            " (",
-            detail.tickets.length,
-            ")"
-          ] }),
-          detail.tickets.length === 0 ? /* @__PURE__ */ jsx("div", { style: { color: "#94a3b8", fontSize: 13 }, children: t("crm.noTickets") }) : /* @__PURE__ */ jsxs("table", { style: S.table, children: [
-            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-              /* @__PURE__ */ jsx("th", { style: S.th, children: t("crm.tableHeaders.number") }),
-              /* @__PURE__ */ jsx("th", { style: S.th, children: t("crm.tableHeaders.subject") }),
-              /* @__PURE__ */ jsx("th", { style: S.th, children: t("crm.tableHeaders.status") }),
-              /* @__PURE__ */ jsx("th", { style: S.th, children: t("crm.tableHeaders.date") })
-            ] }) }),
-            /* @__PURE__ */ jsx("tbody", { children: detail.tickets.map((tk) => /* @__PURE__ */ jsxs("tr", { children: [
-              /* @__PURE__ */ jsx("td", { style: S.td, children: /* @__PURE__ */ jsx("a", { href: `/admin/support/ticket?id=${tk.id}`, style: { color: "#2563eb", fontWeight: 600, textDecoration: "none" }, children: tk.ticketNumber }) }),
-              /* @__PURE__ */ jsx("td", { style: S.td, children: tk.subject }),
-              /* @__PURE__ */ jsx("td", { style: S.td, children: /* @__PURE__ */ jsx("span", { style: { ...S.badge, background: `${statusColors[tk.status] || "#94a3b8"}20`, color: statusColors[tk.status] || "#94a3b8" }, children: statusLabelKeys[tk.status] ? t(statusLabelKeys[tk.status]) : tk.status }) }),
-              /* @__PURE__ */ jsx("td", { style: { ...S.td, fontSize: 12, color: "var(--theme-elevation-400)" }, children: timeAgo(tk.createdAt) })
-            ] }, tk.id)) })
-          ] })
-        ] })
-      ] }) : null })
-    ] })
-  ] });
-};
-
-export { CrmClient };

package/dist/views/CrmView/index.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { DefaultTemplate } from '@payloadcms/next/templates';
-import { redirect } from 'next/navigation';
-import { AdminErrorBoundary } from '../shared/ErrorBoundary';
-import { CrmClient } from './client';
-
-const CrmView = ({ 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: "CrmView", children: /* @__PURE__ */ jsx(CrmClient, {}) })
-    }
-  );
-};
-var CrmView_default = CrmView;
-
-export { CrmView, CrmView_default as default };