@consilioweb/payload-support 0.15.0 → 1.0.0

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

@@ -19,6 +19,12 @@ function useTicketActions(id, fetchAll) {
   const [showSnooze, setShowSnooze] = react.useState(false);
   const [snoozeUntil, setSnoozeUntil] = react.useState(null);
   const [snoozeSaving, setSnoozeSaving] = react.useState(false);
+  const [showReminder, setShowReminder] = react.useState(false);
+  const [reminderHours, setReminderHours] = react.useState(24);
+  const [reminderSending, setReminderSending] = react.useState(false);
+  const [reminderError, setReminderError] = react.useState("");
+  const [reminderSuccess, setReminderSuccess] = react.useState(false);
+  const [cancelingClose, setCancelingClose] = react.useState(false);
   const [showNextTicket, setShowNextTicket] = react.useState(false);
   const [nextTicketId, setNextTicketId] = react.useState(null);
   const [nextTicketInfo, setNextTicketInfo] = react.useState("");
@@ -170,6 +176,48 @@ function useTicketActions(id, fetchAll) {
       setSnoozeSaving(false);
     }
   };
+  const handleSendReminder = async () => {
+    if (!id) return;
+    setReminderSending(true);
+    setReminderError("");
+    try {
+      const res = await fetch("/api/support/send-reminder", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ ticketId: id, hours: reminderHours })
+      });
+      const d = await res.json().catch(() => ({}));
+      if (res.ok) {
+        setShowReminder(false);
+        setReminderSuccess(true);
+        setTimeout(() => setReminderSuccess(false), 5e3);
+        fetchAll();
+      } else {
+        setReminderError(d.error || "Erreur lors de la relance");
+      }
+    } catch {
+      setReminderError("Erreur r\xE9seau");
+    } finally {
+      setReminderSending(false);
+    }
+  };
+  const handleCancelScheduledClose = async () => {
+    if (!id) return;
+    setCancelingClose(true);
+    try {
+      await fetch(`/api/tickets/${id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ autoCloseScheduledAt: null, autoCloseRemindedAt: null })
+      });
+      fetchAll();
+    } catch {
+    } finally {
+      setCancelingClose(false);
+    }
+  };
   const handleNextTicket = async () => {
     try {
       const res = await fetch("/api/tickets?where[status][equals]=open&sort=updatedAt&limit=1&depth=0", { credentials: "include" });
@@ -220,6 +268,17 @@ function useTicketActions(id, fetchAll) {
     setSnoozeUntil,
     snoozeSaving,
     handleSnooze,
+    showReminder,
+    setShowReminder,
+    reminderHours,
+    setReminderHours,
+    reminderSending,
+    reminderError,
+    setReminderError,
+    reminderSuccess,
+    handleSendReminder,
+    cancelingClose,
+    handleCancelScheduledClose,
     showNextTicket,
     setShowNextTicket,
     nextTicketId,

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

@@ -18,6 +18,12 @@ function useTicketActions(id, fetchAll) {
   const [showSnooze, setShowSnooze] = useState(false);
   const [snoozeUntil, setSnoozeUntil] = useState(null);
   const [snoozeSaving, setSnoozeSaving] = useState(false);
+  const [showReminder, setShowReminder] = useState(false);
+  const [reminderHours, setReminderHours] = useState(24);
+  const [reminderSending, setReminderSending] = useState(false);
+  const [reminderError, setReminderError] = useState("");
+  const [reminderSuccess, setReminderSuccess] = useState(false);
+  const [cancelingClose, setCancelingClose] = useState(false);
   const [showNextTicket, setShowNextTicket] = useState(false);
   const [nextTicketId, setNextTicketId] = useState(null);
   const [nextTicketInfo, setNextTicketInfo] = useState("");
@@ -169,6 +175,48 @@ function useTicketActions(id, fetchAll) {
       setSnoozeSaving(false);
     }
   };
+  const handleSendReminder = async () => {
+    if (!id) return;
+    setReminderSending(true);
+    setReminderError("");
+    try {
+      const res = await fetch("/api/support/send-reminder", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ ticketId: id, hours: reminderHours })
+      });
+      const d = await res.json().catch(() => ({}));
+      if (res.ok) {
+        setShowReminder(false);
+        setReminderSuccess(true);
+        setTimeout(() => setReminderSuccess(false), 5e3);
+        fetchAll();
+      } else {
+        setReminderError(d.error || "Erreur lors de la relance");
+      }
+    } catch {
+      setReminderError("Erreur r\xE9seau");
+    } finally {
+      setReminderSending(false);
+    }
+  };
+  const handleCancelScheduledClose = async () => {
+    if (!id) return;
+    setCancelingClose(true);
+    try {
+      await fetch(`/api/tickets/${id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ autoCloseScheduledAt: null, autoCloseRemindedAt: null })
+      });
+      fetchAll();
+    } catch {
+    } finally {
+      setCancelingClose(false);
+    }
+  };
   const handleNextTicket = async () => {
     try {
       const res = await fetch("/api/tickets?where[status][equals]=open&sort=updatedAt&limit=1&depth=0", { credentials: "include" });
@@ -219,6 +267,17 @@ function useTicketActions(id, fetchAll) {
     setSnoozeUntil,
     snoozeSaving,
     handleSnooze,
+    showReminder,
+    setShowReminder,
+    reminderHours,
+    setReminderHours,
+    reminderSending,
+    reminderError,
+    setReminderError,
+    reminderSuccess,
+    handleSendReminder,
+    cancelingClose,
+    handleCancelScheduledClose,
     showNextTicket,
     setShowNextTicket,
     nextTicketId,

package/dist/components/TicketConversation/index.cjs

@@ -19,155 +19,18 @@ var useMessageActions = require('./hooks/useMessageActions');
 var useTicketActions = require('./hooks/useTicketActions');
 var useReply = require('./hooks/useReply');
 var useAI = require('./hooks/useAI');
+var useDocumentIdFromUrl = require('./hooks/useDocumentIdFromUrl');
 var config = require('./config');
+var SkeletonText = require('./SkeletonText');
+var RewriteDropdown = require('./RewriteDropdown');
 require('../../styles/theme.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-function useDocumentIdFromUrl() {
-  const [id, setId] = React.useState(void 0);
-  React.useEffect(() => {
-    const match = window.location.pathname.match(
-      /\/admin\/collections\/[^/]+\/([^/?#]+)/
-    );
-    if (match && match[1] !== "create") {
-      const raw = match[1];
-      const num = Number(raw);
-      setId(Number.isFinite(num) && String(num) === raw ? num : raw);
-    }
-  }, []);
-  return { id };
-}
-function SkeletonText({ lines = 3 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px", padding: "12px 0" }, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      style: {
-        height: "14px",
-        borderRadius: "4px",
-        backgroundColor: "#e2e8f0",
-        width: i === lines - 1 ? "60%" : "100%",
-        animation: "pulse 1.5s ease-in-out infinite"
-      }
-    },
-    i
-  )) });
-}
-const layoutStyles = {
-  root: { padding: "12px 0" },
-  twoColumns: {
-    display: "grid",
-    gridTemplateColumns: "1fr 320px",
-    gap: "16px",
-    alignItems: "start"
-  },
-  mainColumn: { minWidth: 0 },
-  sideColumn: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "12px",
-    position: "sticky",
-    top: "80px"
-  }
-};
-const REWRITE_STYLES = [
-  { id: "auto", label: "\u270F\uFE0F Auto", desc: "Garde le ton actuel" },
-  { id: "tutoyer", label: "\u{1F44B} Tutoyer", desc: "Passe en tu" },
-  { id: "vouvoyer", label: "\u{1F3A9} Vouvoyer", desc: "Passe en vous" },
-  { id: "formel", label: "\u{1F4BC} Formel", desc: "Ton professionnel" },
-  { id: "amical", label: "\u{1F60A} Amical", desc: "Ton chaleureux" },
-  { id: "court", label: "\u26A1 Court", desc: "Version concise" }
-];
-const RewriteDropdown = ({ disabled, loading, onSelect }) => {
-  const [open, setOpen] = React.useState(false);
-  const ref = React__default.default.useRef(null);
-  React__default.default.useEffect(() => {
-    if (!open) return;
-    const close = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-    };
-    document.addEventListener("mousedown", close);
-    return () => document.removeEventListener("mousedown", close);
-  }, [open]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen(!open),
-        disabled,
-        style: {
-          ...constants.s.outlineBtn("#0891b2", disabled),
-          fontSize: "11px",
-          padding: "3px 10px",
-          borderRadius: "14px",
-          display: "flex",
-          alignItems: "center",
-          gap: "4px"
-        },
-        children: [
-          loading ? "Reformulation..." : "\u270F\uFE0F Reformuler",
-          !loading && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 9, opacity: 0.7 }, children: "\u25BC" })
-        ]
-      }
-    ),
-    open && !disabled && !loading && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          bottom: "100%",
-          left: 0,
-          marginBottom: 4,
-          background: "var(--theme-elevation-0, #fff)",
-          border: "1px solid var(--theme-elevation-200, #e5e7eb)",
-          borderRadius: 8,
-          boxShadow: "0 4px 16px rgba(0,0,0,0.12)",
-          zIndex: 100,
-          minWidth: 180,
-          overflow: "hidden"
-        },
-        children: REWRITE_STYLES.map((style) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              setOpen(false);
-              onSelect(style.id);
-            },
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              width: "100%",
-              padding: "8px 12px",
-              border: "none",
-              background: "transparent",
-              cursor: "pointer",
-              textAlign: "left",
-              borderBottom: "1px solid var(--theme-elevation-100, #f3f4f6)",
-              transition: "background 120ms"
-            },
-            onMouseEnter: (e) => {
-              e.target.style.background = "var(--theme-elevation-50, #f9fafb)";
-            },
-            onMouseLeave: (e) => {
-              e.target.style.background = "transparent";
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--theme-text, #111)" }, children: style.label }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 10, color: "var(--theme-elevation-500, #6b7280)" }, children: style.desc })
-            ]
-          },
-          style.id
-        ))
-      }
-    )
-  ] });
-};
 const TicketConversation = () => {
-  const { id } = useDocumentIdFromUrl();
+  const { id } = useDocumentIdFromUrl.useDocumentIdFromUrl();
   const [features] = React.useState(() => config.getFeatures());
   const [messages, setMessages] = React.useState([]);
   const [timeEntries, setTimeEntries] = React.useState([]);
@@ -188,6 +51,7 @@ const TicketConversation = () => {
   const [ticketSubject, setTicketSubject] = React.useState("");
   const [ticketSource, setTicketSource] = React.useState("");
   const [chatSession, setChatSession] = React.useState("");
+  const [autoCloseScheduledAt, setAutoCloseScheduledAt] = React.useState(null);
   const [clientTickets, setClientTickets] = React.useState([]);
   const [clientProjects, setClientProjects] = React.useState([]);
   const [clientNotes, setClientNotes] = React.useState("");
@@ -220,6 +84,7 @@ const TicketConversation = () => {
           setClient(d.client);
         }
         setSnoozeUntil(d.snoozeUntil || null);
+        setAutoCloseScheduledAt(d.autoCloseScheduledAt || null);
         setLastClientReadAt(d.lastClientReadAt || null);
         setCurrentStatus(d.status || "");
         setTicketNumber(d.ticketNumber || "");
@@ -364,7 +229,7 @@ const TicketConversation = () => {
   const ma = useMessageActions.useMessageActions(id, client, fetchAll);
   const { togglingAuthor, editingMsg, editBody, editHtml, setEditHtml, savingEdit, handleEditStart, handleEditSave, handleEditCancel, deletingMsg, handleDelete, resendingMsg, resendSuccess, handleResend, handleToggleAuthor, handleSplitMessage, setEditBody } = ma;
   const ta = useTicketActions.useTicketActions(id, fetchAll);
-  const { 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 } = ta;
+  const { 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, showReminder, setShowReminder, reminderHours, setReminderHours, reminderSending, reminderError, setReminderError, reminderSuccess, handleSendReminder, cancelingClose, handleCancelScheduledClose, showNextTicket, setShowNextTicket, nextTicketId, nextTicketInfo, handleNextTicket } = ta;
   const replyEditorRef = React.useRef(null);
   const rp = useReply.useReply(id, client, cannedResponses, ticketNumber, ticketSubject, fetchAll, handleNextTicket, replyEditorRef);
   const { fileInputRef, replyBody, setReplyBody, replyHtml, setReplyHtml, replyFiles, setReplyFiles, isInternal, setIsInternal, notifyClient, setNotifyClient, sendAsClient, setSendAsClient, sending, showSchedule, setShowSchedule, scheduleDate, setScheduleDate, handleEditorFileUpload, handleCannedSelect, handleReplyFileChange, handleSendReply, handleScheduleReply } = rp;
@@ -393,6 +258,7 @@ const TicketConversation = () => {
           const d = await ticketRes.json();
           setCurrentStatus(d.status || "");
           setSnoozeUntil(d.snoozeUntil || null);
+          setAutoCloseScheduledAt(d.autoCloseScheduledAt || null);
           setLastClientReadAt(d.lastClientReadAt || null);
         }
         if (activityRes.ok) {
@@ -480,7 +346,7 @@ const TicketConversation = () => {
         ];
     }
   })();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: layoutStyles.root, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.layoutStyles.root, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       TicketHeader.TicketHeader,
       {
@@ -496,8 +362,8 @@ const TicketConversation = () => {
       }
     ),
     client && /* @__PURE__ */ jsxRuntime.jsx(ClientBar.ClientBar, { client }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: layoutStyles.twoColumns, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: layoutStyles.mainColumn, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.layoutStyles.twoColumns, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.layoutStyles.mainColumn, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "4px", display: "flex", alignItems: "center", gap: "10px" }, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("h3", { style: { fontSize: "14px", fontWeight: 600, margin: 0, display: "flex", alignItems: "center", gap: "8px" }, children: [
             "Conversation ",
@@ -514,7 +380,7 @@ const TicketConversation = () => {
             }
           ) })
         ] }),
-        loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonText, { lines: 4 }) : messages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#999", fontStyle: "italic", padding: "12px 0" }, children: "Aucun message." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "10px", marginBottom: "16px", paddingRight: "4px" }, children: (() => {
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonText.SkeletonText, { lines: 4 }) : messages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#999", fontStyle: "italic", padding: "12px 0" }, children: "Aucun message." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "10px", marginBottom: "16px", paddingRight: "4px" }, children: (() => {
           const filtered = messages.filter((msg) => !searchQuery.trim() || msg.body.toLowerCase().includes(searchQuery.toLowerCase()));
           const isSearching = searchQuery.trim().length > 0;
           const VISIBLE_COUNT = 3;
@@ -899,7 +765,7 @@ const TicketConversation = () => {
               }
             ),
             features.ai && /* @__PURE__ */ jsxRuntime.jsx(
-              RewriteDropdown,
+              RewriteDropdown.RewriteDropdown,
               {
                 disabled: aiRewriting || !replyBody.trim(),
                 loading: aiRewriting,
@@ -1080,18 +946,33 @@ const TicketConversation = () => {
               setShowMerge(!showMerge);
               setShowExtMsg(false);
               setShowSnooze(false);
+              setShowReminder(false);
             },
             onToggleExtMsg: () => {
               setShowExtMsg(!showExtMsg);
               setShowMerge(false);
               setShowSnooze(false);
+              setShowReminder(false);
             },
             onToggleSnooze: () => {
               setShowSnooze(!showSnooze);
               setShowMerge(false);
               setShowExtMsg(false);
+              setShowReminder(false);
             },
             onNextTicket: handleNextTicket,
+            showReminderButton: features.autoClose,
+            onToggleReminder: () => {
+              setShowReminder(!showReminder);
+              setReminderError("");
+              setShowMerge(false);
+              setShowExtMsg(false);
+              setShowSnooze(false);
+            },
+            autoCloseScheduledAt,
+            onCancelScheduledClose: handleCancelScheduledClose,
+            cancelingClose,
+            reminderSuccess,
             showNextTicket,
             nextTicketId,
             nextTicketInfo,
@@ -1141,9 +1022,21 @@ const TicketConversation = () => {
             handleExtFileChange
           }
         ),
-        features.snooze && showSnooze && /* @__PURE__ */ jsxRuntime.jsx(ActionPanels.SnoozePanel, { snoozeSaving, handleSnooze })
+        features.snooze && showSnooze && /* @__PURE__ */ jsxRuntime.jsx(ActionPanels.SnoozePanel, { snoozeSaving, handleSnooze }),
+        features.autoClose && showReminder && /* @__PURE__ */ jsxRuntime.jsx(
+          ActionPanels.ReminderPanel,
+          {
+            clientFirstName: client?.firstName || "",
+            clientEmail: client?.email || "",
+            reminderHours,
+            setReminderHours,
+            reminderSending,
+            reminderError,
+            handleSendReminder
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: layoutStyles.sideColumn, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.layoutStyles.sideColumn, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           TimeTrackingPanel.TimeTrackingPanel,
           {