@consilioweb/payload-support 0.6.1 → 0.6.3

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

@@ -0,0 +1,188 @@
+'use strict';
+
+var react = require('react');
+
+function useReply(id, client, cannedResponses, ticketNumber, ticketSubject, fetchAll, handleNextTicket, replyEditorRef) {
+  const fileInputRef = react.useRef(null);
+  const [replyBody, setReplyBody] = react.useState("");
+  const [replyHtml, setReplyHtml] = react.useState("");
+  const [replyFiles, setReplyFiles] = react.useState([]);
+  const [isInternal, setIsInternal] = react.useState(false);
+  const [notifyClient, setNotifyClient] = react.useState(false);
+  const [sendAsClient, setSendAsClient] = react.useState(false);
+  const [sending, setSending] = react.useState(false);
+  const [showSchedule, setShowSchedule] = react.useState(false);
+  const [scheduleDate, setScheduleDate] = react.useState("");
+  const handleEditorFileUpload = react.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 = react.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
+  };
+}
+
+exports.useReply = useReply;

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

@@ -0,0 +1,187 @@
+"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 };

package/dist/components/TicketConversation/hooks/useTicketActions.cjs

@@ -0,0 +1,231 @@
+'use strict';
+
+var react = require('react');
+
+function useTicketActions(id, fetchAll) {
+  const [statusUpdating, setStatusUpdating] = react.useState(false);
+  const [showMerge, setShowMerge] = react.useState(false);
+  const [mergeTarget, setMergeTarget] = react.useState("");
+  const [mergeTargetInfo, setMergeTargetInfo] = react.useState(null);
+  const [merging, setMerging] = react.useState(false);
+  const [mergeError, setMergeError] = react.useState("");
+  const [showExtMsg, setShowExtMsg] = react.useState(false);
+  const [extMsgBody, setExtMsgBody] = react.useState("");
+  const [extMsgAuthor, setExtMsgAuthor] = react.useState("client");
+  const [extMsgDate, setExtMsgDate] = react.useState("");
+  const [extMsgFiles, setExtMsgFiles] = react.useState([]);
+  const [sendingExtMsg, setSendingExtMsg] = react.useState(false);
+  const extFileInputRef = react.useRef(null);
+  const [showSnooze, setShowSnooze] = react.useState(false);
+  const [snoozeUntil, setSnoozeUntil] = react.useState(null);
+  const [snoozeSaving, setSnoozeSaving] = react.useState(false);
+  const [showNextTicket, setShowNextTicket] = react.useState(false);
+  const [nextTicketId, setNextTicketId] = react.useState(null);
+  const [nextTicketInfo, setNextTicketInfo] = react.useState("");
+  const handleStatusChange = async (newStatus) => {
+    if (!id) return;
+    setStatusUpdating(true);
+    try {
+      await fetch(`/api/tickets/${id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ status: newStatus })
+      });
+      window.location.reload();
+    } catch {
+    } finally {
+      setStatusUpdating(false);
+    }
+  };
+  const handleMergeLookup = async () => {
+    if (!mergeTarget.trim()) return;
+    setMergeTargetInfo(null);
+    setMergeError("");
+    try {
+      const searchVal = mergeTarget.trim().toUpperCase();
+      const res = await fetch(`/api/tickets?where[ticketNumber][equals]=${encodeURIComponent(searchVal)}&limit=1&depth=0`, { credentials: "include" });
+      if (res.ok) {
+        const d = await res.json();
+        if (d.docs?.length > 0) {
+          const t = d.docs[0];
+          if (String(t.id) === String(id)) {
+            setMergeError("Impossible de fusionner un ticket avec lui-m\xEAme");
+          } else {
+            setMergeTargetInfo({ id: t.id, ticketNumber: t.ticketNumber, subject: t.subject });
+          }
+        } else {
+          setMergeError("Ticket introuvable");
+        }
+      }
+    } catch {
+      setMergeError("Erreur de recherche");
+    }
+  };
+  const handleMerge = async () => {
+    if (!mergeTargetInfo || !id) return;
+    setMerging(true);
+    setMergeError("");
+    try {
+      const res = await fetch("/api/support/merge-tickets", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ sourceTicketId: id, targetTicketId: mergeTargetInfo.id })
+      });
+      if (res.ok) {
+        window.location.href = `/admin/collections/tickets/${mergeTargetInfo.id}`;
+      } else {
+        const d = await res.json().catch(() => ({}));
+        setMergeError(d.error || "Erreur de fusion");
+      }
+    } catch {
+      setMergeError("Erreur r\xE9seau");
+    } finally {
+      setMerging(false);
+    }
+  };
+  const handleExtFileChange = (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(", ")}`);
+      }
+      setExtMsgFiles((prev) => [...prev, ...newFiles.filter((f) => f.size <= maxSize)]);
+    }
+    if (extFileInputRef.current) extFileInputRef.current.value = "";
+  };
+  const handleSendExtMsg = async () => {
+    if (!extMsgBody.trim() || !id) return;
+    setSendingExtMsg(true);
+    try {
+      const uploadedIds = [];
+      for (const file of extMsgFiles) {
+        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);
+        }
+      }
+      const messageData = {
+        ticket: id,
+        body: extMsgBody.trim(),
+        authorType: extMsgAuthor,
+        isInternal: false,
+        skipNotification: true
+      };
+      if (extMsgDate) {
+        messageData.createdAt = new Date(extMsgDate).toISOString();
+      }
+      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) {
+        setExtMsgBody("");
+        setExtMsgDate("");
+        setExtMsgFiles([]);
+        setShowExtMsg(false);
+        fetchAll();
+      }
+    } catch {
+    } finally {
+      setSendingExtMsg(false);
+    }
+  };
+  const handleSnooze = async (days, customDate) => {
+    if (!id) return;
+    setSnoozeSaving(true);
+    try {
+      let newSnooze = null;
+      if (days !== null) {
+        const d = /* @__PURE__ */ new Date();
+        d.setDate(d.getDate() + days);
+        newSnooze = d.toISOString();
+      } else if (customDate) {
+        newSnooze = new Date(customDate).toISOString();
+      }
+      await fetch(`/api/tickets/${id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ snoozeUntil: newSnooze })
+      });
+      setSnoozeUntil(newSnooze);
+      setShowSnooze(false);
+      fetchAll();
+    } catch {
+    } finally {
+      setSnoozeSaving(false);
+    }
+  };
+  const handleNextTicket = async () => {
+    try {
+      const res = await fetch("/api/tickets?where[status][equals]=open&sort=updatedAt&limit=1&depth=0", { credentials: "include" });
+      if (res.ok) {
+        const d = await res.json();
+        if (d.docs?.length > 0 && String(d.docs[0].id) !== String(id)) {
+          setNextTicketId(d.docs[0].id);
+          setNextTicketInfo(`${d.docs[0].ticketNumber} \u2014 ${d.docs[0].subject}`);
+        } else {
+          setNextTicketId(null);
+          setNextTicketInfo("Aucun autre ticket ouvert");
+        }
+        setShowNextTicket(true);
+      }
+    } catch {
+    }
+  };
+  return {
+    statusUpdating,
+    handleStatusChange,
+    showMerge,
+    setShowMerge,
+    mergeTarget,
+    setMergeTarget,
+    mergeTargetInfo,
+    setMergeTargetInfo,
+    mergeError,
+    setMergeError,
+    merging,
+    handleMergeLookup,
+    handleMerge,
+    showExtMsg,
+    setShowExtMsg,
+    extMsgBody,
+    setExtMsgBody,
+    extMsgAuthor,
+    setExtMsgAuthor,
+    extMsgDate,
+    setExtMsgDate,
+    extMsgFiles,
+    setExtMsgFiles,
+    sendingExtMsg,
+    handleExtFileChange,
+    handleSendExtMsg,
+    showSnooze,
+    setShowSnooze,
+    snoozeUntil,
+    setSnoozeUntil,
+    snoozeSaving,
+    handleSnooze,
+    showNextTicket,
+    setShowNextTicket,
+    nextTicketId,
+    nextTicketInfo,
+    handleNextTicket
+  };
+}
+
+exports.useTicketActions = useTicketActions;