@consilioweb/payload-support 5.0.0 → 6.0.0

package/dist/components/TicketConversation/components/TimeTrackingPanel.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React from 'react';
 import { s, C } from '../constants.js';
 
 function TimeTrackingPanel({
@@ -22,6 +23,8 @@ function TimeTrackingPanel({
   addingTime,
   timeSuccess
 }) {
+  const minutesId = React.useId();
+  const workDescriptionId = React.useId();
   const totalH = Math.floor(totalMinutes / 60);
   const totalM = totalMinutes % 60;
   return /* @__PURE__ */ jsxs("div", { style: s.section, children: [
@@ -61,6 +64,7 @@ function TimeTrackingPanel({
       !timerRunning && timerSeconds > 0 && /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [-5, -1, 1, 5, 15, 30].map((m) => /* @__PURE__ */ jsx(
         "button",
         {
+          type: "button",
           onClick: () => setTimerSeconds((p) => Math.max(0, p + m * 60)),
           style: { width: Math.abs(m) >= 15 ? "32px" : "28px", height: "28px", borderRadius: "6px", border: "1px solid #e2e8f0", background: "white", cursor: "pointer", fontSize: Math.abs(m) >= 15 ? "12px" : "14px", fontWeight: 700, color: "#64748b" },
           title: `${m > 0 ? "+" : ""}${m} min`,
@@ -68,14 +72,15 @@ function TimeTrackingPanel({
         },
         m
       )) }),
-      !timerRunning && timerSeconds === 0 && /* @__PURE__ */ jsx("button", { onClick: () => handleTimerStart(true), style: { ...s.btn("#dc2626", false), fontSize: "12px", padding: "6px 16px", display: "flex", alignItems: "center", gap: "6px" }, children: "\u25B6 D\xE9marrer" }),
-      timerRunning && /* @__PURE__ */ jsx("button", { onClick: handleTimerStop, style: { ...s.btn("#374151", false), fontSize: "12px", padding: "6px 16px", display: "flex", alignItems: "center", gap: "6px" }, children: "\u23F8 Pause" }),
+      !timerRunning && timerSeconds === 0 && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => handleTimerStart(true), style: { ...s.btn("#dc2626", false), fontSize: "12px", padding: "6px 16px", display: "flex", alignItems: "center", gap: "6px" }, children: "\u25B6 D\xE9marrer" }),
+      timerRunning && /* @__PURE__ */ jsx("button", { type: "button", onClick: handleTimerStop, style: { ...s.btn("#374151", false), fontSize: "12px", padding: "6px 16px", display: "flex", alignItems: "center", gap: "6px" }, children: "\u23F8 Pause" }),
       !timerRunning && timerSeconds > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("button", { onClick: () => handleTimerStart(false), style: { ...s.btn("#dc2626", false), fontSize: "12px", padding: "6px 14px" }, children: "\u25B6 Reprendre" }),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => handleTimerStart(false), style: { ...s.btn("#dc2626", false), fontSize: "12px", padding: "6px 14px" }, children: "\u25B6 Reprendre" }),
         /* @__PURE__ */ jsx(
           "input",
           {
             type: "text",
+            "aria-label": "Description du temps en cours",
             value: timerDescription,
             onChange: (e) => setTimerDescription(e.target.value),
             placeholder: "Description...",
@@ -85,6 +90,7 @@ function TimeTrackingPanel({
         /* @__PURE__ */ jsxs(
           "button",
           {
+            type: "button",
             onClick: handleTimerSave,
             disabled: addingTime || timerSeconds < 60,
             style: { ...s.btn("#16a34a", addingTime || timerSeconds < 60), fontSize: "12px", padding: "6px 14px" },
@@ -96,20 +102,20 @@ function TimeTrackingPanel({
             ]
           }
         ),
-        /* @__PURE__ */ jsx("button", { onClick: handleTimerDiscard, style: { background: "none", border: "none", cursor: "pointer", fontSize: "14px", color: "#94a3b8", padding: "4px" }, title: "Annuler", children: "\u2715" })
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: handleTimerDiscard, style: { background: "none", border: "none", cursor: "pointer", fontSize: "14px", color: "#94a3b8", padding: "4px" }, title: "Annuler", children: "\u2715" })
       ] }),
       timerRunning && /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", color: "#dc2626", fontWeight: 600 }, children: "\u25CF Enregistrement en cours \u2014 session maintenue active" })
     ] }),
     /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end", flexWrap: "wrap", marginBottom: "14px" }, children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "11px", color: C.textSecondary, marginBottom: "3px", fontWeight: 600 }, children: "Min" }),
-        /* @__PURE__ */ jsx("input", { type: "number", min: "1", value: duration, onChange: (e) => setDuration(e.target.value), placeholder: "30", style: { ...s.input, width: "80px" } })
+        /* @__PURE__ */ jsx("label", { htmlFor: minutesId, style: { display: "block", fontSize: "11px", color: C.textSecondary, marginBottom: "3px", fontWeight: 600 }, children: "Min" }),
+        /* @__PURE__ */ jsx("input", { id: minutesId, type: "number", min: "1", value: duration, onChange: (e) => setDuration(e.target.value), placeholder: "30", style: { ...s.input, width: "80px" } })
       ] }),
       /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
-        /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "11px", color: C.textSecondary, marginBottom: "3px", fontWeight: 600 }, children: "Description" }),
-        /* @__PURE__ */ jsx("input", { type: "text", value: timeDescription, onChange: (e) => setTimeDescription(e.target.value), placeholder: "Travail effectu\xE9...", style: { ...s.input, width: "100%" } })
+        /* @__PURE__ */ jsx("label", { htmlFor: workDescriptionId, style: { display: "block", fontSize: "11px", color: C.textSecondary, marginBottom: "3px", fontWeight: 600 }, children: "Description" }),
+        /* @__PURE__ */ jsx("input", { id: workDescriptionId, type: "text", value: timeDescription, onChange: (e) => setTimeDescription(e.target.value), placeholder: "Travail effectu\xE9...", style: { ...s.input, width: "100%" } })
       ] }),
-      /* @__PURE__ */ jsx("button", { onClick: handleAddTime, disabled: addingTime || !duration, style: s.btn(C.amber, addingTime || !duration), children: addingTime ? "..." : "+ Temps" }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: handleAddTime, disabled: addingTime || !duration, style: s.btn(C.amber, addingTime || !duration), children: addingTime ? "..." : "+ Temps" }),
       timeSuccess && /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", color: "#16a34a", fontWeight: 600 }, children: timeSuccess })
     ] }),
     timeEntries.length > 0 && /* @__PURE__ */ jsx("div", { style: { fontSize: "12px" }, children: /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [

package/dist/components/TicketConversation/index.d.ts

@@ -1,4 +1,14 @@
 import React from 'react';
 import '../../styles/theme.css';
+/**
+ * Payload mounts this component straight from the import map as the `ui` field
+ * of the Tickets edit view, so the plugin never gets to render an ancestor for
+ * it: the boundary has to live inside the module itself. Without it a single
+ * render error in any of the twelve sub-components blanks the whole ticket
+ * screen.
+ *
+ * The document id is used as a reset key so that navigating from a ticket that
+ * broke to another one clears the error on its own.
+ */
 declare const TicketConversation: React.FC;
 export default TicketConversation;

package/dist/components/TicketConversation/index.js

@@ -22,9 +22,10 @@ import { useDocumentIdFromUrl } from './hooks/useDocumentIdFromUrl.js';
 import { useFeatures } from './hooks/useFeatures.js';
 import { SkeletonText } from './SkeletonText.js';
 import { RewriteDropdown } from './RewriteDropdown.js';
+import { AdminErrorBoundary } from '../../views/shared/ErrorBoundary.js';
 import '../../styles/theme.css';
 
-const TicketConversation = () => {
+const TicketConversationInner = () => {
   const { id } = useDocumentIdFromUrl();
   const { features } = useFeatures();
   const [messages, setMessages] = useState([]);
@@ -368,6 +369,7 @@ const TicketConversation = () => {
             "input",
             {
               type: "text",
+              "aria-label": "Rechercher dans la conversation",
               value: searchQuery,
               onChange: (e) => setSearchQuery(e.target.value),
               placeholder: "Rechercher...",
@@ -386,6 +388,7 @@ const TicketConversation = () => {
             showCollapse && hiddenCount > 0 && /* @__PURE__ */ jsxs(
               "button",
               {
+                type: "button",
                 onClick: () => setMessagesCollapsed(false),
                 style: {
                   background: "none",
@@ -411,6 +414,7 @@ const TicketConversation = () => {
             !messagesCollapsed && filtered.length > 1 && !isSearching && /* @__PURE__ */ jsx(
               "button",
               {
+                type: "button",
                 onClick: () => setMessagesCollapsed(true),
                 style: {
                   background: "none",
@@ -468,6 +472,7 @@ const TicketConversation = () => {
                             msg.authorType === "email" ? /* @__PURE__ */ jsx("span", { style: s.badge(C.emailBg, C.orange), children: "Email" }) : /* @__PURE__ */ jsxs(
                               "select",
                               {
+                                "aria-label": "Auteur du message",
                                 value: msg.authorType,
                                 onChange: (e) => handleToggleAuthor(msg.id, e.target.value === "admin" ? "client" : "admin"),
                                 disabled: togglingAuthor === msg.id,
@@ -515,6 +520,7 @@ const TicketConversation = () => {
                             !msg.isInternal && !msg.deletedAt && /* @__PURE__ */ jsxs(
                               "button",
                               {
+                                type: "button",
                                 onClick: () => handleSplitMessage(msg.id, ticketSubject),
                                 style: { background: "none", border: "none", cursor: "pointer", fontSize: "10px", color: "#6b7280", padding: 0 },
                                 title: "Extraire en nouveau ticket",
@@ -554,6 +560,7 @@ const TicketConversation = () => {
                           /* @__PURE__ */ jsx(
                             "textarea",
                             {
+                              "aria-label": "Editer le message",
                               value: editBody,
                               onChange: (e) => {
                                 setEditBody(e.target.value);
@@ -564,8 +571,8 @@ const TicketConversation = () => {
                             }
                           ),
                           /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
-                            /* @__PURE__ */ jsx("button", { onClick: () => handleEditSave(msg.id), disabled: savingEdit || !editBody.trim() && !editHtml, style: { ...s.btn(C.blue, savingEdit), fontSize: "11px", padding: "5px 12px" }, children: savingEdit ? "..." : "Enregistrer" }),
-                            /* @__PURE__ */ jsx("button", { onClick: handleEditCancel, style: { ...s.ghostBtn("#6b7280"), fontSize: "11px", padding: "5px 12px" }, children: "Annuler" })
+                            /* @__PURE__ */ jsx("button", { type: "button", onClick: () => handleEditSave(msg.id), disabled: savingEdit || !editBody.trim() && !editHtml, style: { ...s.btn(C.blue, savingEdit), fontSize: "11px", padding: "5px 12px" }, children: savingEdit ? "..." : "Enregistrer" }),
+                            /* @__PURE__ */ jsx("button", { type: "button", onClick: handleEditCancel, style: { ...s.ghostBtn("#6b7280"), fontSize: "11px", padding: "5px 12px" }, children: "Annuler" })
                           ] })
                         ] }) : msg.deletedAt ? /* @__PURE__ */ jsx("div", { style: { fontSize: "13px", color: "#94a3b8", fontStyle: "italic" }, children: "Ce message a \xE9t\xE9 supprim\xE9." }) : msg.bodyHtml ? /* @__PURE__ */ jsxs(Fragment, { children: [
                           /* @__PURE__ */ jsx(
@@ -753,6 +760,7 @@ const TicketConversation = () => {
             features.ai && /* @__PURE__ */ jsx(
               "button",
               {
+                type: "button",
                 onClick: handleAiSuggestReply,
                 disabled: aiReplying || messages.length === 0,
                 style: { ...s.outlineBtn("#17807c", aiReplying || messages.length === 0), fontSize: "11px", padding: "3px 10px", borderRadius: "14px" },
@@ -780,7 +788,7 @@ const TicketConversation = () => {
               }
             ),
             features.canned && cannedResponses.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs("select", { onChange: handleCannedSelect, style: { ...s.input, fontSize: "11px", padding: "3px 8px", fontWeight: 600 }, children: [
+              /* @__PURE__ */ jsxs("select", { "aria-label": "Reponse rapide", onChange: handleCannedSelect, style: { ...s.input, fontSize: "11px", padding: "3px 8px", fontWeight: 600 }, children: [
                 /* @__PURE__ */ jsx("option", { value: "", children: "R\xE9ponse rapide..." }),
                 cannedResponses.map((cr) => /* @__PURE__ */ jsx("option", { value: String(cr.id), children: cr.title }, cr.id))
               ] }),
@@ -797,6 +805,7 @@ const TicketConversation = () => {
           /* @__PURE__ */ jsx("div", { style: { border: `1px solid ${C.border}`, borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ jsx(
             "textarea",
             {
+              "aria-label": "Reponse au client",
               value: replyBody,
               onChange: (e) => {
                 const text = e.target.value;
@@ -810,7 +819,6 @@ const TicketConversation = () => {
                 minHeight: "120px",
                 padding: "12px",
                 border: "none",
-                outline: "none",
                 fontSize: "14px",
                 lineHeight: 1.5,
                 resize: "vertical",
@@ -828,6 +836,7 @@ const TicketConversation = () => {
                 ref: fileInputRef,
                 type: "file",
                 multiple: true,
+                "aria-label": "Joindre des fichiers",
                 onChange: handleReplyFileChange,
                 style: { display: "none" },
                 accept: "image/*,.pdf,.doc,.docx,.txt,.zip"
@@ -850,6 +859,7 @@ const TicketConversation = () => {
                 "button",
                 {
                   type: "button",
+                  "aria-label": `Retirer la piece jointe ${file.name}`,
                   onClick: () => setReplyFiles((prev) => prev.filter((_, idx) => idx !== i)),
                   style: { border: "none", background: "none", color: "#ef4444", fontWeight: 700, cursor: "pointer", fontSize: "14px", lineHeight: 1 },
                   children: "\xD7"
@@ -861,6 +871,7 @@ const TicketConversation = () => {
             /* @__PURE__ */ jsxs(
               "select",
               {
+                "aria-label": "Envoyer en tant que",
                 value: sendAsClient ? "client" : "admin",
                 onChange: (e) => setSendAsClient(e.target.value === "client"),
                 style: { ...s.input, fontSize: "12px", padding: "6px 8px", fontWeight: 600 },
@@ -881,10 +892,11 @@ const TicketConversation = () => {
               /* @__PURE__ */ jsx("input", { type: "checkbox", checked: notifyClient, onChange: (e) => setNotifyClient(e.target.checked), style: { width: "14px", height: "14px", accentColor: "#16a34a" } }),
               "Envoyer au client"
             ] }),
-            /* @__PURE__ */ jsx("button", { "data-action": "send-reply", onClick: handleSendReply, disabled: sending || !replyBody.trim() && !replyHtml, style: { ...s.btn(isInternal ? C.amber : notifyClient ? "#16a34a" : C.blue, sending || !replyBody.trim() && !replyHtml), fontSize: "13px", padding: "8px 20px", marginLeft: "auto" }, children: sending ? "Envoi..." : isInternal ? "Ajouter note" : notifyClient ? "Envoyer + Notifier" : "Sauvegarder" }),
+            /* @__PURE__ */ jsx("button", { type: "button", "data-action": "send-reply", onClick: handleSendReply, disabled: sending || !replyBody.trim() && !replyHtml, style: { ...s.btn(isInternal ? C.amber : notifyClient ? "#16a34a" : C.blue, sending || !replyBody.trim() && !replyHtml), fontSize: "13px", padding: "8px 20px", marginLeft: "auto" }, children: sending ? "Envoi..." : isInternal ? "Ajouter note" : notifyClient ? "Envoyer + Notifier" : "Sauvegarder" }),
             !isInternal && /* @__PURE__ */ jsx(
               "button",
               {
+                type: "button",
                 onClick: () => setShowSchedule(!showSchedule),
                 disabled: !replyBody.trim() && !replyHtml,
                 style: { ...s.outlineBtn("#17807c", !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "8px 12px" },
@@ -899,6 +911,7 @@ const TicketConversation = () => {
               "input",
               {
                 type: "datetime-local",
+                "aria-label": "Date et heure d'envoi programme",
                 value: scheduleDate,
                 onChange: (e) => setScheduleDate(e.target.value),
                 min: (/* @__PURE__ */ new Date()).toISOString().slice(0, 16),
@@ -908,13 +921,14 @@ const TicketConversation = () => {
             /* @__PURE__ */ jsx(
               "button",
               {
+                type: "button",
                 onClick: handleScheduleReply,
                 disabled: sending || !scheduleDate || !replyBody.trim() && !replyHtml,
                 style: { ...s.btn("#17807c", sending || !scheduleDate || !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "6px 14px" },
                 children: sending ? "..." : "\u23F0 Programmer"
               }
             ),
-            /* @__PURE__ */ jsx("button", { onClick: () => setShowSchedule(false), style: { background: "none", border: "none", cursor: "pointer", color: "#94a3b8", fontSize: "14px" }, children: "\u2715" })
+            /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Annuler la programmation", onClick: () => setShowSchedule(false), style: { background: "none", border: "none", cursor: "pointer", color: "#94a3b8", fontSize: "14px" }, children: "\u2715" })
           ] }),
           /* @__PURE__ */ jsxs("div", { style: { fontSize: "11px", color: C.textMuted, marginTop: "4px", textAlign: "right" }, children: [
             "\u2318",
@@ -1104,6 +1118,10 @@ const TicketConversation = () => {
     ] })
   ] });
 };
+const TicketConversation = () => {
+  const { id } = useDocumentIdFromUrl();
+  return /* @__PURE__ */ jsx(AdminErrorBoundary, { viewName: "TicketConversation", resetKeys: [id], children: /* @__PURE__ */ jsx(TicketConversationInner, {}) });
+};
 var TicketConversation_default = TicketConversation;
 
 export { TicketConversation_default as default };