@consilioweb/payload-support 0.6.0 → 0.6.2

package/dist/components/TicketConversation/constants.js

@@ -1,96 +0,0 @@
-"use client";
-const statusLabels = {
-  open: { label: "Ouvert", bg: "#dbeafe", color: "#1e40af" },
-  waiting_client: { label: "Attente", bg: "#fef3c7", color: "#92400e" },
-  resolved: { label: "R\xE9solu", bg: "#dcfce7", color: "#166534" }
-};
-const projectStatusLabels = {
-  active: { label: "Actif", bg: "#dcfce7", color: "#166534" },
-  paused: { label: "En pause", bg: "#fef3c7", color: "#92400e" },
-  completed: { label: "Termin\xE9", bg: "#e5e7eb", color: "#374151" }
-};
-const C = {
-  blue: "#2563eb",
-  amber: "#d97706",
-  orange: "#ea580c",
-  black: "var(--theme-text)",
-  white: "#fff",
-  bg: "#fafafa",
-  textPrimary: "var(--theme-text)",
-  textSecondary: "#6b7280",
-  textMuted: "#9ca3af",
-  border: "#e2e8f0",
-  statusOpen: "#2563eb",
-  statusProgress: "#ea580c",
-  statusWaiting: "#d97706",
-  statusResolved: "#16a34a",
-  statusClosed: "#6b7280",
-  adminBg: "#f8fafc",
-  adminBorder: "#2563eb",
-  clientBg: "#fafafa",
-  clientBorder: "#e2e8f0",
-  emailBg: "#fffbeb",
-  emailBorder: "#ea580c",
-  internalBg: "#fefce8",
-  internalBorder: "#d97706"
-};
-const s = {
-  section: { borderTop: `1px solid ${C.border}`, paddingTop: "18px", marginTop: "20px" },
-  sectionTitle: { fontSize: "14px", fontWeight: 600, marginBottom: "12px", display: "flex", alignItems: "center", gap: "8px" },
-  btn: (bg, disabled) => {
-    const hex = bg.replace("#", "");
-    const r = parseInt(hex.substring(0, 2), 16) || 0;
-    const g = parseInt(hex.substring(2, 4), 16) || 0;
-    const b = parseInt(hex.substring(4, 6), 16) || 0;
-    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-    const textColor = luminance > 0.6 ? "#374151" : C.white;
-    return {
-      padding: "7px 14px",
-      borderRadius: "6px",
-      border: `1px solid ${C.border}`,
-      backgroundColor: bg,
-      color: textColor,
-      fontWeight: 600,
-      fontSize: "13px",
-      cursor: disabled ? "not-allowed" : "pointer",
-      opacity: disabled ? 0.5 : 1,
-      whiteSpace: "nowrap"
-    };
-  },
-  ghostBtn: (color, disabled) => ({
-    padding: "7px 14px",
-    borderRadius: "6px",
-    border: `1px solid ${C.border}`,
-    backgroundColor: "transparent",
-    color,
-    fontWeight: 600,
-    fontSize: "13px",
-    cursor: disabled ? "not-allowed" : "pointer",
-    opacity: disabled ? 0.5 : 1,
-    whiteSpace: "nowrap"
-  }),
-  outlineBtn: (color, disabled) => ({
-    padding: "7px 14px",
-    borderRadius: "6px",
-    border: `1px solid ${color}`,
-    backgroundColor: "transparent",
-    color,
-    fontWeight: 600,
-    fontSize: "13px",
-    cursor: disabled ? "not-allowed" : "pointer",
-    opacity: disabled ? 0.5 : 1,
-    whiteSpace: "nowrap"
-  }),
-  input: { padding: "8px 12px", borderRadius: "6px", border: `1px solid ${C.border}`, fontSize: "14px", color: "#374151", backgroundColor: C.white },
-  badge: (bg, color) => ({
-    display: "inline-block",
-    padding: "2px 8px",
-    borderRadius: "4px",
-    fontSize: "11px",
-    fontWeight: 600,
-    backgroundColor: bg,
-    color
-  })
-};
-
-export { C, projectStatusLabels, s, statusLabels };

package/dist/components/TicketConversation/context.js

@@ -1,11 +0,0 @@
-"use client";
-import { createContext, useContext } from 'react';
-
-const TicketContext = createContext(null);
-function useTicketContext() {
-  const ctx = useContext(TicketContext);
-  if (!ctx) throw new Error("useTicketContext must be used within TicketContext.Provider");
-  return ctx;
-}
-
-export { TicketContext, useTicketContext };

package/dist/components/TicketConversation/hooks/useAI.js

@@ -1,176 +0,0 @@
-"use client";
-import { useState, useEffect } from 'react';
-
-function useAI(messages, client, ticketSubject, replyBody, setReplyBody, setReplyHtml, replyEditorRef) {
-  const [clientSentiment, setClientSentiment] = useState(null);
-  const [aiReplying, setAiReplying] = useState(false);
-  const [aiRewriting, setAiRewriting] = useState(false);
-  const [showAiSummary, setShowAiSummary] = useState(false);
-  const [aiSummary, setAiSummary] = useState("");
-  const [aiGenerating, setAiGenerating] = useState(false);
-  const [aiSaving, setAiSaving] = useState(false);
-  const [aiSaved, setAiSaved] = useState(false);
-  useEffect(() => {
-    if (messages.length === 0) return;
-    const lastClientMsg = [...messages].reverse().find((m) => m.authorType === "client" || m.authorType === "email");
-    if (!lastClientMsg) return;
-    const analyze = async () => {
-      try {
-        const res = await fetch("/api/support/ai", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          credentials: "include",
-          body: JSON.stringify({ action: "sentiment", text: lastClientMsg.body.slice(0, 500) })
-        });
-        if (res.ok) {
-          const data = await res.json();
-          const raw = (data.sentiment || "").toLowerCase().trim();
-          const sentimentMap = {
-            "frustr\xE9": { emoji: "\u{1F624}", label: "Frustr\xE9", color: "#dc2626" },
-            "frustre": { emoji: "\u{1F624}", label: "Frustr\xE9", color: "#dc2626" },
-            "m\xE9content": { emoji: "\u{1F620}", label: "M\xE9content", color: "#ea580c" },
-            "mecontent": { emoji: "\u{1F620}", label: "M\xE9content", color: "#ea580c" },
-            "urgent": { emoji: "\u{1F525}", label: "Urgent", color: "#dc2626" },
-            "neutre": { emoji: "\u{1F610}", label: "Neutre", color: "#6b7280" },
-            "satisfait": { emoji: "\u{1F60A}", label: "Satisfait", color: "#16a34a" }
-          };
-          const match = Object.keys(sentimentMap).find((k) => raw.includes(k));
-          if (match) setClientSentiment(sentimentMap[match]);
-          else setClientSentiment({ emoji: "\u{1F610}", label: "Neutre", color: "#6b7280" });
-        }
-      } catch {
-      }
-    };
-    analyze();
-  }, [messages.length]);
-  const handleAiSuggestReply = async () => {
-    if (messages.length === 0) return;
-    setAiReplying(true);
-    try {
-      const res = await fetch("/api/support/ai", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({
-          action: "suggest_reply",
-          messages: messages.slice(-10).map((m) => ({ authorType: m.authorType, body: m.body })),
-          clientName: `${client?.firstName || ""} ${client?.lastName || ""}`.trim(),
-          clientCompany: client?.company
-        })
-      });
-      if (res.ok) {
-        const data = await res.json();
-        const suggestion = data.reply || "";
-        if (suggestion) {
-          setReplyBody(suggestion);
-          setReplyHtml(suggestion.replace(/\n/g, "<br/>"));
-          if (replyEditorRef.current?.setContent) {
-            replyEditorRef.current.setContent(suggestion.replace(/\n/g, "<br/>"));
-          }
-        }
-      }
-    } catch (err) {
-      console.error("AI suggest error:", err);
-    }
-    setAiReplying(false);
-  };
-  const handleAiRewrite = async () => {
-    if (!replyBody.trim()) return;
-    setAiRewriting(true);
-    try {
-      const res = await fetch("/api/support/ai", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ action: "rewrite", text: replyBody })
-      });
-      if (res.ok) {
-        const data = await res.json();
-        const rewritten = data.rewritten || "";
-        if (rewritten) {
-          setReplyBody(rewritten);
-          setReplyHtml(rewritten.replace(/\n/g, "<br/>"));
-          if (replyEditorRef.current?.setContent) {
-            replyEditorRef.current.setContent(rewritten.replace(/\n/g, "<br/>"));
-          }
-        }
-      }
-    } catch (err) {
-      console.error("AI rewrite error:", err);
-    }
-    setAiRewriting(false);
-  };
-  const handleAiGenerate = async () => {
-    if (messages.length === 0) return;
-    setAiGenerating(true);
-    setAiSummary("");
-    setAiSaved(false);
-    try {
-      const res = await fetch("/api/support/ai", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({
-          action: "synthesis",
-          messages: messages.map((m) => ({ authorType: m.authorType, body: m.body, createdAt: m.createdAt })),
-          ticketSubject,
-          clientName: `${client?.firstName || ""} ${client?.lastName || ""}`.trim(),
-          clientCompany: client?.company
-        })
-      });
-      if (res.ok) {
-        const data = await res.json();
-        setAiSummary(data.synthesis || "Aucune r\xE9ponse g\xE9n\xE9r\xE9e");
-      } else {
-        setAiSummary("Erreur lors de la g\xE9n\xE9ration de la synth\xE8se.");
-      }
-    } catch (err) {
-      setAiSummary(`Erreur de connexion : ${err instanceof Error ? err.message : "erreur inconnue"}`);
-    } finally {
-      setAiGenerating(false);
-    }
-  };
-  const handleAiSave = async (id, fetchAll) => {
-    if (!id || !aiSummary) return;
-    setAiSaving(true);
-    try {
-      const res = await fetch("/api/ticket-messages", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({
-          ticket: id,
-          body: `\u{1F4CB} **Synth\xE8se IA (${(/* @__PURE__ */ new Date()).toLocaleDateString("fr-FR")})**
-
-${aiSummary}`,
-          authorType: "admin",
-          isInternal: true
-        })
-      });
-      if (res.ok) {
-        setAiSaved(true);
-        fetchAll();
-      }
-    } catch {
-    } finally {
-      setAiSaving(false);
-    }
-  };
-  return {
-    clientSentiment,
-    aiReplying,
-    handleAiSuggestReply,
-    aiRewriting,
-    handleAiRewrite,
-    showAiSummary,
-    setShowAiSummary,
-    aiSummary,
-    aiGenerating,
-    handleAiGenerate,
-    aiSaving,
-    aiSaved,
-    handleAiSave
-  };
-}
-
-export { useAI };

package/dist/components/TicketConversation/hooks/useMessageActions.js

@@ -1,135 +0,0 @@
-"use client";
-import { useState } from 'react';
-
-function useMessageActions(id, client, fetchAll) {
-  const [togglingAuthor, setTogglingAuthor] = useState(null);
-  const [editingMsg, setEditingMsg] = useState(null);
-  const [editBody, setEditBody] = useState("");
-  const [editHtml, setEditHtml] = useState("");
-  const [savingEdit, setSavingEdit] = useState(false);
-  const [deletingMsg, setDeletingMsg] = useState(null);
-  const [resendingMsg, setResendingMsg] = useState(null);
-  const [resendSuccess, setResendSuccess] = useState(null);
-  const handleEditStart = (msg) => {
-    setEditingMsg(msg.id);
-    setEditBody(msg.body);
-    setEditHtml(msg.bodyHtml || msg.body.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br />"));
-  };
-  const handleEditSave = async (msgId) => {
-    if (!editBody.trim()) return;
-    setSavingEdit(true);
-    try {
-      const res = await fetch(`/api/ticket-messages/${msgId}`, {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ body: editBody.trim(), ...editHtml ? { bodyHtml: editHtml } : {} })
-      });
-      if (res.ok) {
-        setEditingMsg(null);
-        setEditBody("");
-        fetchAll();
-      }
-    } catch {
-    } finally {
-      setSavingEdit(false);
-    }
-  };
-  const handleEditCancel = () => {
-    setEditingMsg(null);
-    setEditBody("");
-    setEditHtml("");
-  };
-  const handleDelete = async (msgId) => {
-    if (!window.confirm("Supprimer ce message ?")) return;
-    setDeletingMsg(msgId);
-    try {
-      const res = await fetch(`/api/ticket-messages/${msgId}`, {
-        method: "DELETE",
-        credentials: "include"
-      });
-      if (res.ok) fetchAll();
-    } catch {
-    } finally {
-      setDeletingMsg(null);
-    }
-  };
-  const handleResend = async (msgId) => {
-    setResendingMsg(msgId);
-    setResendSuccess(null);
-    try {
-      const res = await fetch("/api/support/resend-notification", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ messageId: msgId })
-      });
-      if (res.ok) {
-        setResendSuccess(msgId);
-        setTimeout(() => setResendSuccess(null), 3e3);
-      }
-    } catch {
-    } finally {
-      setResendingMsg(null);
-    }
-  };
-  const handleToggleAuthor = async (msgId, currentType) => {
-    const newType = currentType === "admin" ? "client" : "admin";
-    setTogglingAuthor(msgId);
-    try {
-      const patchData = { authorType: newType };
-      if (newType === "client" && client) {
-        patchData.authorClient = client.id;
-      }
-      const res = await fetch(`/api/ticket-messages/${msgId}`, {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify(patchData)
-      });
-      if (res.ok) fetchAll();
-    } catch {
-    } finally {
-      setTogglingAuthor(null);
-    }
-  };
-  const handleSplitMessage = async (msgId, ticketSubject) => {
-    const subject = prompt("Sujet du nouveau ticket :", `Split: ${ticketSubject}`);
-    if (!subject) return;
-    try {
-      const res = await fetch("/api/support/split-ticket", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ messageId: msgId, subject })
-      });
-      if (res.ok) {
-        const data = await res.json();
-        alert(`Ticket ${data.ticketNumber} cr\xE9\xE9`);
-        fetchAll();
-      }
-    } catch {
-    }
-  };
-  return {
-    togglingAuthor,
-    editingMsg,
-    editBody,
-    editHtml,
-    setEditHtml,
-    savingEdit,
-    handleEditStart,
-    handleEditSave,
-    handleEditCancel,
-    deletingMsg,
-    handleDelete,
-    resendingMsg,
-    resendSuccess,
-    handleResend,
-    handleToggleAuthor,
-    handleSplitMessage,
-    setEditBody
-  };
-}
-
-export { useMessageActions };

package/dist/components/TicketConversation/hooks/useReply.js

@@ -1,187 +0,0 @@
-"use client";
-import { useRef, useState, useCallback } from 'react';
-
-function useReply(id, client, cannedResponses, ticketNumber, ticketSubject, fetchAll, handleNextTicket, replyEditorRef) {
-  const fileInputRef = useRef(null);
-  const [replyBody, setReplyBody] = useState("");
-  const [replyHtml, setReplyHtml] = useState("");
-  const [replyFiles, setReplyFiles] = useState([]);
-  const [isInternal, setIsInternal] = useState(false);
-  const [notifyClient, setNotifyClient] = useState(false);
-  const [sendAsClient, setSendAsClient] = useState(false);
-  const [sending, setSending] = useState(false);
-  const [showSchedule, setShowSchedule] = useState(false);
-  const [scheduleDate, setScheduleDate] = useState("");
-  const handleEditorFileUpload = useCallback(async (file) => {
-    if (file.size > 5 * 1024 * 1024) return null;
-    const formData = new FormData();
-    formData.append("file", file);
-    formData.append("_payload", JSON.stringify({ alt: file.name }));
-    try {
-      const res = await fetch("/api/media", { method: "POST", credentials: "include", body: formData });
-      if (res.ok) {
-        const data = await res.json();
-        return data.doc?.url || null;
-      }
-    } catch {
-    }
-    return null;
-  }, []);
-  const replaceCannedVariables = useCallback((text) => {
-    let result = text;
-    if (client) {
-      result = result.replace(/\{\{client\.firstName\}\}/g, client.firstName || "Client");
-      result = result.replace(/\{\{client\.lastName\}\}/g, client.lastName || "");
-      result = result.replace(/\{\{client\.company\}\}/g, client.company || "");
-      result = result.replace(/\{\{client\.email\}\}/g, client.email || "");
-      result = result.replace(/\{\{clientName\}\}/g, client.firstName || "Client");
-    }
-    result = result.replace(/\{\{ticket\.number\}\}/g, ticketNumber || "");
-    result = result.replace(/\{\{ticket\.subject\}\}/g, ticketSubject || "");
-    result = result.replace(/\{\{agent\.name\}\}/g, "Support");
-    return result;
-  }, [client, ticketNumber, ticketSubject]);
-  const handleCannedSelect = (e) => {
-    const selected = cannedResponses.find((cr) => String(cr.id) === e.target.value);
-    if (selected) {
-      const body = replaceCannedVariables(selected.body);
-      const html = body.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br />");
-      setReplyBody(body);
-      setReplyHtml(html);
-      replyEditorRef.current?.setContent(html);
-    }
-    e.target.value = "";
-  };
-  const handleReplyFileChange = (e) => {
-    if (e.target.files) {
-      const maxSize = 1 * 1024 * 1024;
-      const newFiles = Array.from(e.target.files);
-      const tooLarge = newFiles.filter((f) => f.size > maxSize);
-      if (tooLarge.length > 0) {
-        alert(`Fichier(s) trop volumineux (max 1 Mo) : ${tooLarge.map((f) => f.name).join(", ")}`);
-      }
-      setReplyFiles((prev) => [...prev, ...newFiles.filter((f) => f.size <= maxSize)]);
-    }
-    if (fileInputRef.current) fileInputRef.current.value = "";
-  };
-  const uploadFiles = async (files) => {
-    const uploadedIds = [];
-    for (const file of files) {
-      if (file.size > 1 * 1024 * 1024) continue;
-      const formData = new FormData();
-      formData.append("file", file);
-      formData.append("_payload", JSON.stringify({ alt: file.name }));
-      const uploadRes = await fetch("/api/media", { method: "POST", credentials: "include", body: formData });
-      if (uploadRes.ok) {
-        const d = await uploadRes.json();
-        if (d.doc?.id) uploadedIds.push(d.doc.id);
-      }
-    }
-    return uploadedIds;
-  };
-  const resetReply = () => {
-    setReplyBody("");
-    setReplyHtml("");
-    setReplyFiles([]);
-    setIsInternal(false);
-    setNotifyClient(false);
-    setSendAsClient(false);
-    replyEditorRef.current?.clear();
-  };
-  const handleSendReply = async () => {
-    if (!replyBody.trim() || !id) return;
-    setSending(true);
-    try {
-      const uploadedIds = await uploadFiles(replyFiles);
-      const finalBody = replyBody.trim() || (replyHtml ? "[Contenu enrichi]" : "");
-      const messageData = {
-        ticket: id,
-        body: finalBody,
-        ...replyHtml ? { bodyHtml: replyHtml } : {},
-        authorType: sendAsClient ? "client" : "admin",
-        isInternal,
-        skipNotification: isInternal || !notifyClient,
-        ...sendAsClient && client ? { authorClient: client.id } : {}
-      };
-      if (uploadedIds.length > 0) {
-        messageData.attachments = uploadedIds.map((mid) => ({ file: mid }));
-      }
-      const res = await fetch("/api/ticket-messages", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify(messageData)
-      });
-      if (res.ok) {
-        resetReply();
-        fetchAll();
-        if (!isInternal) handleNextTicket();
-      }
-    } catch {
-    } finally {
-      setSending(false);
-    }
-  };
-  const handleScheduleReply = async () => {
-    if (!replyBody.trim() || !id || !scheduleDate) return;
-    setSending(true);
-    try {
-      const uploadedIds = await uploadFiles(replyFiles);
-      const messageData = {
-        ticket: id,
-        body: replyBody.trim(),
-        ...replyHtml ? { bodyHtml: replyHtml } : {},
-        authorType: "admin",
-        isInternal: false,
-        skipNotification: true,
-        scheduledAt: new Date(scheduleDate).toISOString(),
-        scheduledSent: false
-      };
-      if (uploadedIds.length > 0) {
-        messageData.attachments = uploadedIds.map((mid) => ({ file: mid }));
-      }
-      const res = await fetch("/api/ticket-messages", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify(messageData)
-      });
-      if (res.ok) {
-        resetReply();
-        setShowSchedule(false);
-        setScheduleDate("");
-        fetchAll();
-      }
-    } catch {
-    } finally {
-      setSending(false);
-    }
-  };
-  return {
-    fileInputRef,
-    replyBody,
-    setReplyBody,
-    replyHtml,
-    setReplyHtml,
-    replyFiles,
-    setReplyFiles,
-    isInternal,
-    setIsInternal,
-    notifyClient,
-    setNotifyClient,
-    sendAsClient,
-    setSendAsClient,
-    sending,
-    showSchedule,
-    setShowSchedule,
-    scheduleDate,
-    setScheduleDate,
-    handleEditorFileUpload,
-    handleCannedSelect,
-    handleReplyFileChange,
-    handleSendReply,
-    handleScheduleReply
-  };
-}
-
-export { useReply };