@consilioweb/payload-support 0.14.0 → 0.16.0

package/dist/components/TicketConversation/components/ActionPanels.cjs

@@ -95,6 +95,77 @@ function ExtMessagePanel({
     /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleSendExtMsg, disabled: sendingExtMsg || !extMsgBody.trim(), style: constants.s.btn("#818cf8", sendingExtMsg || !extMsgBody.trim()), children: sendingExtMsg ? "Ajout..." : "Ajouter (sans notification)" })
   ] });
 }
+const REMINDER_DELAYS = [
+  { hours: 24, label: "24 h" },
+  { hours: 48, label: "48 h" },
+  { hours: 72, label: "72 h" }
+];
+function ReminderPanel({
+  clientFirstName,
+  clientEmail,
+  reminderHours,
+  setReminderHours,
+  reminderSending,
+  reminderError,
+  handleSendReminder
+}) {
+  const deadline = new Date(Date.now() + reminderHours * 60 * 60 * 1e3);
+  const deadlineLabel = deadline.toLocaleString("fr-FR", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const name = clientFirstName?.trim() || "le client";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#fff7ed", border: "1px solid #fed7aa", marginBottom: "14px" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "8px", color: "#9a3412" }, children: [
+      "Relancer ",
+      name,
+      " \u2014 fermeture automatique sans r\xE9ponse"
+    ] }),
+    clientEmail ? /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { fontSize: "12px", color: "#7c2d12", margin: "0 0 12px 0", lineHeight: 1.5 }, children: [
+      "Un email de relance g\xE9n\xE9rique sera envoy\xE9 \xE0 ",
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: clientEmail }),
+      ". Sans retour de sa part avant l'\xE9ch\xE9ance, le ticket sera automatiquement r\xE9solu (via le cron auto-close)."
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "12px", color: "#b91c1c", margin: "0 0 12px 0", fontWeight: 600 }, children: "Ce client n'a pas d'adresse email : impossible d'envoyer une relance." }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "6px", alignItems: "center", flexWrap: "wrap", marginBottom: "12px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", fontWeight: 600, color: "#9a3412" }, children: "Fermer dans :" }),
+      REMINDER_DELAYS.map((d) => {
+        const active = reminderHours === d.hours;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setReminderHours(d.hours),
+            style: {
+              ...active ? constants.s.btn(constants.C.orange) : constants.s.outlineBtn("#ea580c"),
+              fontSize: "12px",
+              padding: "6px 14px"
+            },
+            children: d.label
+          },
+          d.hours
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "12px", color: "#7c2d12", marginBottom: "12px" }, children: [
+      "Fermeture automatique pr\xE9vue le ",
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: deadlineLabel }),
+      " sans r\xE9ponse."
+    ] }),
+    reminderError && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "12px", color: "#b91c1c", fontWeight: 600, marginBottom: "10px" }, children: reminderError }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: handleSendReminder,
+        disabled: reminderSending || !clientEmail,
+        style: { ...constants.s.btn(constants.C.orange, reminderSending || !clientEmail), color: "#fff", fontSize: "13px", padding: "8px 18px" },
+        children: reminderSending ? "Envoi..." : "Confirmer la relance"
+      }
+    )
+  ] });
+}
 function SnoozePanel({ snoozeSaving, handleSnooze }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#faf5ff", border: "1px solid #e9d5ff", marginBottom: "14px" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "10px", color: "#5b21b6" }, children: "Snooze \u2014 masquer temporairement" }),
@@ -118,4 +189,5 @@ function SnoozePanel({ snoozeSaving, handleSnooze }) {
 
 exports.ExtMessagePanel = ExtMessagePanel;
 exports.MergePanel = MergePanel;
+exports.ReminderPanel = ReminderPanel;
 exports.SnoozePanel = SnoozePanel;

package/dist/components/TicketConversation/components/ActionPanels.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { s } from '../constants.js';
+import { s, C } from '../constants.js';
 
 function MergePanel({
   mergeTarget,
@@ -94,6 +94,77 @@ function ExtMessagePanel({
     /* @__PURE__ */ jsx("button", { onClick: handleSendExtMsg, disabled: sendingExtMsg || !extMsgBody.trim(), style: s.btn("#818cf8", sendingExtMsg || !extMsgBody.trim()), children: sendingExtMsg ? "Ajout..." : "Ajouter (sans notification)" })
   ] });
 }
+const REMINDER_DELAYS = [
+  { hours: 24, label: "24 h" },
+  { hours: 48, label: "48 h" },
+  { hours: 72, label: "72 h" }
+];
+function ReminderPanel({
+  clientFirstName,
+  clientEmail,
+  reminderHours,
+  setReminderHours,
+  reminderSending,
+  reminderError,
+  handleSendReminder
+}) {
+  const deadline = new Date(Date.now() + reminderHours * 60 * 60 * 1e3);
+  const deadlineLabel = deadline.toLocaleString("fr-FR", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const name = clientFirstName?.trim() || "le client";
+  return /* @__PURE__ */ jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#fff7ed", border: "1px solid #fed7aa", marginBottom: "14px" }, children: [
+    /* @__PURE__ */ jsxs("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "8px", color: "#9a3412" }, children: [
+      "Relancer ",
+      name,
+      " \u2014 fermeture automatique sans r\xE9ponse"
+    ] }),
+    clientEmail ? /* @__PURE__ */ jsxs("p", { style: { fontSize: "12px", color: "#7c2d12", margin: "0 0 12px 0", lineHeight: 1.5 }, children: [
+      "Un email de relance g\xE9n\xE9rique sera envoy\xE9 \xE0 ",
+      /* @__PURE__ */ jsx("strong", { children: clientEmail }),
+      ". Sans retour de sa part avant l'\xE9ch\xE9ance, le ticket sera automatiquement r\xE9solu (via le cron auto-close)."
+    ] }) : /* @__PURE__ */ jsx("p", { style: { fontSize: "12px", color: "#b91c1c", margin: "0 0 12px 0", fontWeight: 600 }, children: "Ce client n'a pas d'adresse email : impossible d'envoyer une relance." }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "6px", alignItems: "center", flexWrap: "wrap", marginBottom: "12px" }, children: [
+      /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", fontWeight: 600, color: "#9a3412" }, children: "Fermer dans :" }),
+      REMINDER_DELAYS.map((d) => {
+        const active = reminderHours === d.hours;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setReminderHours(d.hours),
+            style: {
+              ...active ? s.btn(C.orange) : s.outlineBtn("#ea580c"),
+              fontSize: "12px",
+              padding: "6px 14px"
+            },
+            children: d.label
+          },
+          d.hours
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { fontSize: "12px", color: "#7c2d12", marginBottom: "12px" }, children: [
+      "Fermeture automatique pr\xE9vue le ",
+      /* @__PURE__ */ jsx("strong", { children: deadlineLabel }),
+      " sans r\xE9ponse."
+    ] }),
+    reminderError && /* @__PURE__ */ jsx("div", { style: { fontSize: "12px", color: "#b91c1c", fontWeight: 600, marginBottom: "10px" }, children: reminderError }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: handleSendReminder,
+        disabled: reminderSending || !clientEmail,
+        style: { ...s.btn(C.orange, reminderSending || !clientEmail), color: "#fff", fontSize: "13px", padding: "8px 18px" },
+        children: reminderSending ? "Envoi..." : "Confirmer la relance"
+      }
+    )
+  ] });
+}
 function SnoozePanel({ snoozeSaving, handleSnooze }) {
   return /* @__PURE__ */ jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#faf5ff", border: "1px solid #e9d5ff", marginBottom: "14px" }, children: [
     /* @__PURE__ */ jsx("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "10px", color: "#5b21b6" }, children: "Snooze \u2014 masquer temporairement" }),
@@ -115,4 +186,4 @@ function SnoozePanel({ snoozeSaving, handleSnooze }) {
   ] });
 }
 
-export { ExtMessagePanel, MergePanel, SnoozePanel };
+export { ExtMessagePanel, MergePanel, ReminderPanel, SnoozePanel };

package/dist/components/TicketConversation/components/QuickActions.cjs

@@ -17,11 +17,18 @@ function QuickActions({
   onToggleExtMsg,
   onToggleSnooze,
   onNextTicket,
+  showReminderButton,
+  onToggleReminder,
+  autoCloseScheduledAt,
+  onCancelScheduledClose,
+  cancelingClose,
+  reminderSuccess,
   showNextTicket,
   nextTicketId,
   nextTicketInfo,
   onCloseNextTicket
 }) {
+  const scheduledClose = autoCloseScheduledAt && new Date(autoCloseScheduledAt) > /* @__PURE__ */ new Date() ? new Date(autoCloseScheduledAt).toLocaleString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" }) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px", alignItems: "center" }, children: [
       statusTransitions.map((a) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -39,7 +46,21 @@ function QuickActions({
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleMerge, style: constants.s.ghostBtn("#be185d"), children: "Fusionner" }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleExtMsg, style: constants.s.ghostBtn("#4f46e5"), children: "+ Message re\xE7u" }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleSnooze, style: constants.s.ghostBtn("#7c3aed"), children: "Snooze" }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onNextTicket, style: constants.s.ghostBtn("#16a34a"), children: "Ticket suivant" })
+      showReminderButton && /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: onToggleReminder, style: constants.s.ghostBtn("#ea580c"), children: [
+        "\u23F0",
+        " Relancer"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onNextTicket, style: constants.s.ghostBtn("#16a34a"), children: "Ticket suivant" }),
+      scheduledClose && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "8px", padding: "5px 10px", borderRadius: "6px", backgroundColor: "#fff7ed", border: "1px solid #fed7aa", fontSize: "12px", color: "#9a3412", fontWeight: 600 }, children: [
+        "\u23F0",
+        " Fermeture auto le ",
+        scheduledClose,
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onCancelScheduledClose, disabled: cancelingClose, style: { border: "none", background: "none", color: "#b91c1c", cursor: cancelingClose ? "not-allowed" : "pointer", fontWeight: 700, fontSize: "12px", textDecoration: "underline", padding: 0, opacity: cancelingClose ? 0.5 : 1 }, children: cancelingClose ? "..." : "Annuler" })
+      ] }),
+      reminderSuccess && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { ...constants.s.badge("#f0fdf4", "#16a34a"), fontSize: "12px", padding: "5px 10px" }, children: [
+        "Relance envoy\xE9e ",
+        "\u2713"
+      ] })
     ] }),
     showNextTicket && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "10px 14px", borderRadius: "8px", backgroundColor: "#f0fdf4", border: `1px solid ${constants.C.border}`, marginBottom: "14px", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
       nextTicketId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

package/dist/components/TicketConversation/components/QuickActions.js

@@ -16,11 +16,18 @@ function QuickActions({
   onToggleExtMsg,
   onToggleSnooze,
   onNextTicket,
+  showReminderButton,
+  onToggleReminder,
+  autoCloseScheduledAt,
+  onCancelScheduledClose,
+  cancelingClose,
+  reminderSuccess,
   showNextTicket,
   nextTicketId,
   nextTicketInfo,
   onCloseNextTicket
 }) {
+  const scheduledClose = autoCloseScheduledAt && new Date(autoCloseScheduledAt) > /* @__PURE__ */ new Date() ? new Date(autoCloseScheduledAt).toLocaleString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" }) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px", alignItems: "center" }, children: [
       statusTransitions.map((a) => /* @__PURE__ */ jsx(
@@ -38,7 +45,21 @@ function QuickActions({
       /* @__PURE__ */ jsx("button", { onClick: onToggleMerge, style: s.ghostBtn("#be185d"), children: "Fusionner" }),
       /* @__PURE__ */ jsx("button", { onClick: onToggleExtMsg, style: s.ghostBtn("#4f46e5"), children: "+ Message re\xE7u" }),
       /* @__PURE__ */ jsx("button", { onClick: onToggleSnooze, style: s.ghostBtn("#7c3aed"), children: "Snooze" }),
-      /* @__PURE__ */ jsx("button", { onClick: onNextTicket, style: s.ghostBtn("#16a34a"), children: "Ticket suivant" })
+      showReminderButton && /* @__PURE__ */ jsxs("button", { onClick: onToggleReminder, style: s.ghostBtn("#ea580c"), children: [
+        "\u23F0",
+        " Relancer"
+      ] }),
+      /* @__PURE__ */ jsx("button", { onClick: onNextTicket, style: s.ghostBtn("#16a34a"), children: "Ticket suivant" }),
+      scheduledClose && /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "8px", padding: "5px 10px", borderRadius: "6px", backgroundColor: "#fff7ed", border: "1px solid #fed7aa", fontSize: "12px", color: "#9a3412", fontWeight: 600 }, children: [
+        "\u23F0",
+        " Fermeture auto le ",
+        scheduledClose,
+        /* @__PURE__ */ jsx("button", { onClick: onCancelScheduledClose, disabled: cancelingClose, style: { border: "none", background: "none", color: "#b91c1c", cursor: cancelingClose ? "not-allowed" : "pointer", fontWeight: 700, fontSize: "12px", textDecoration: "underline", padding: 0, opacity: cancelingClose ? 0.5 : 1 }, children: cancelingClose ? "..." : "Annuler" })
+      ] }),
+      reminderSuccess && /* @__PURE__ */ jsxs("span", { style: { ...s.badge("#f0fdf4", "#16a34a"), fontSize: "12px", padding: "5px 10px" }, children: [
+        "Relance envoy\xE9e ",
+        "\u2713"
+      ] })
     ] }),
     showNextTicket && /* @__PURE__ */ jsxs("div", { style: { padding: "10px 14px", borderRadius: "8px", backgroundColor: "#f0fdf4", border: `1px solid ${C.border}`, marginBottom: "14px", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
       nextTicketId ? /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -188,6 +188,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 +221,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 +366,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 +395,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) {
@@ -1080,18 +1083,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,7 +1159,19 @@ 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.jsx(

package/dist/components/TicketConversation/index.js

@@ -9,7 +9,7 @@ import { TicketHeader } from './components/TicketHeader.js';
 import { ClientBar } from './components/ClientBar.js';
 import { QuickActions } from './components/QuickActions.js';
 import { AISummaryPanel } from './components/AISummaryPanel.js';
-import { MergePanel, ExtMessagePanel, SnoozePanel } from './components/ActionPanels.js';
+import { MergePanel, ExtMessagePanel, SnoozePanel, ReminderPanel } from './components/ActionPanels.js';
 import { ActivityLog } from './components/ActivityLog.js';
 import { ClientHistory } from './components/ClientHistory.js';
 import { TimeTrackingPanel } from './components/TimeTrackingPanel.js';
@@ -183,6 +183,7 @@ const TicketConversation = () => {
   const [ticketSubject, setTicketSubject] = useState("");
   const [ticketSource, setTicketSource] = useState("");
   const [chatSession, setChatSession] = useState("");
+  const [autoCloseScheduledAt, setAutoCloseScheduledAt] = useState(null);
   const [clientTickets, setClientTickets] = useState([]);
   const [clientProjects, setClientProjects] = useState([]);
   const [clientNotes, setClientNotes] = useState("");
@@ -215,6 +216,7 @@ const TicketConversation = () => {
           setClient(d.client);
         }
         setSnoozeUntil(d.snoozeUntil || null);
+        setAutoCloseScheduledAt(d.autoCloseScheduledAt || null);
         setLastClientReadAt(d.lastClientReadAt || null);
         setCurrentStatus(d.status || "");
         setTicketNumber(d.ticketNumber || "");
@@ -359,7 +361,7 @@ const TicketConversation = () => {
   const ma = 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(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 = useRef(null);
   const rp = 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;
@@ -388,6 +390,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) {
@@ -1075,18 +1078,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,
@@ -1136,7 +1154,19 @@ const TicketConversation = () => {
             handleExtFileChange
           }
         ),
-        features.snooze && showSnooze && /* @__PURE__ */ jsx(SnoozePanel, { snoozeSaving, handleSnooze })
+        features.snooze && showSnooze && /* @__PURE__ */ jsx(SnoozePanel, { snoozeSaving, handleSnooze }),
+        features.autoClose && showReminder && /* @__PURE__ */ jsx(
+          ReminderPanel,
+          {
+            clientFirstName: client?.firstName || "",
+            clientEmail: client?.email || "",
+            reminderHours,
+            setReminderHours,
+            reminderSending,
+            reminderError,
+            handleSendReminder
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxs("div", { style: layoutStyles.sideColumn, children: [
         /* @__PURE__ */ jsx(