@consilioweb/payload-support 1.1.1 → 2.0.0

package/README.md

@@ -371,6 +371,10 @@ npm run typecheck && npm test && npm run build
 
 See [CHANGELOG.md](CHANGELOG.md) for the full history.
 
+### [1.1.1] — 2026-06-26
+
+- 🐛 **Fix client ticket reopen**: allow clients to set `waiting_support` (the status the portal's "Reopen" button sends). It was silently rejected, leaving the ticket `resolved`.
+
 ### [1.1.0] — 2026-06-25
 
 - 🎯 **Per-team SLA policies & dashboards** (team policy overrides the default, `?teamId=` scoping).

package/dist/components/TicketConversation/components/AISummaryPanel.cjs

@@ -3,6 +3,21 @@
 var jsxRuntime = require('react/jsx-runtime');
 var constants = require('../constants');
 
+function renderAiSummary(summary) {
+  const lines = summary.split("\n");
+  const result = [];
+  lines.forEach((line, lineIndex) => {
+    if (lineIndex > 0) result.push(/* @__PURE__ */ jsxRuntime.jsx("br", {}, `break-${lineIndex}`));
+    line.split(/(\*\*.*?\*\*)/g).filter(Boolean).forEach((part, partIndex) => {
+      if (part.startsWith("**") && part.endsWith("**")) {
+        result.push(/* @__PURE__ */ jsxRuntime.jsx("strong", { children: part.slice(2, -2) }, `${lineIndex}-${partIndex}`));
+      } else {
+        result.push(part);
+      }
+    });
+  });
+  return result;
+}
 function AISummaryPanel({
   showAiSummary,
   setShowAiSummary,
@@ -22,7 +37,7 @@ function AISummaryPanel({
           if (!showAiSummary && !aiSummary) handleAiGenerate();
         },
         style: {
-          ...constants.s.ghostBtn("#7c3aed", false),
+          ...constants.s.ghostBtn("#17807c", false),
           fontSize: "12px",
           display: "inline-flex",
           alignItems: "center",
@@ -35,18 +50,18 @@ function AISummaryPanel({
       marginTop: "10px",
       padding: "14px 18px",
       borderRadius: "8px",
-      backgroundColor: "#faf5ff",
-      border: "1px solid #e9d5ff"
+      backgroundColor: "#eef8f7",
+      border: "1px solid #b8dcda"
     }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "10px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontSize: "13px", fontWeight: 600, color: "#7c3aed", margin: 0 }, children: "Synth\xE8se IA" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontSize: "13px", fontWeight: 600, color: "#17807c", margin: 0 }, children: "Synth\xE8se IA" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "6px" }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               onClick: handleAiGenerate,
               disabled: aiGenerating,
-              style: { ...constants.s.outlineBtn("#7c3aed", aiGenerating), fontSize: "11px", padding: "4px 10px" },
+              style: { ...constants.s.outlineBtn("#17807c", aiGenerating), fontSize: "11px", padding: "4px 10px" },
               children: aiGenerating ? "G\xE9n\xE9ration..." : "R\xE9g\xE9n\xE9rer"
             }
           ),
@@ -61,17 +76,10 @@ function AISummaryPanel({
           )
         ] })
       ] }),
-      aiGenerating ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "10px", color: "#7c3aed", fontSize: "13px" }, children: "Analyse de la conversation en cours..." }) : aiSummary ? /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          style: { fontSize: "13px", lineHeight: "1.7", color: "#1e1b4b", whiteSpace: "pre-wrap" },
-          dangerouslySetInnerHTML: {
-            __html: aiSummary.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\n/g, "<br/>")
-          }
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#999", fontStyle: "italic", fontSize: "13px", margin: 0 }, children: `Cliquez sur "R\xE9g\xE9n\xE9rer" pour lancer l'analyse` })
+      aiGenerating ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "10px", color: "#17807c", fontSize: "13px" }, children: "Analyse de la conversation en cours..." }) : aiSummary ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "13px", lineHeight: "1.7", color: "#1e1b4b", whiteSpace: "pre-wrap" }, children: renderAiSummary(aiSummary) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#999", fontStyle: "italic", fontSize: "13px", margin: 0 }, children: `Cliquez sur "R\xE9g\xE9n\xE9rer" pour lancer l'analyse` })
     ] })
   ] });
 }
 
 exports.AISummaryPanel = AISummaryPanel;
+exports.renderAiSummary = renderAiSummary;

package/dist/components/TicketConversation/components/AISummaryPanel.js

@@ -1,7 +1,22 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { s } from '../constants.js';
 
+function renderAiSummary(summary) {
+  const lines = summary.split("\n");
+  const result = [];
+  lines.forEach((line, lineIndex) => {
+    if (lineIndex > 0) result.push(/* @__PURE__ */ jsx("br", {}, `break-${lineIndex}`));
+    line.split(/(\*\*.*?\*\*)/g).filter(Boolean).forEach((part, partIndex) => {
+      if (part.startsWith("**") && part.endsWith("**")) {
+        result.push(/* @__PURE__ */ jsx("strong", { children: part.slice(2, -2) }, `${lineIndex}-${partIndex}`));
+      } else {
+        result.push(part);
+      }
+    });
+  });
+  return result;
+}
 function AISummaryPanel({
   showAiSummary,
   setShowAiSummary,
@@ -21,7 +36,7 @@ function AISummaryPanel({
           if (!showAiSummary && !aiSummary) handleAiGenerate();
         },
         style: {
-          ...s.ghostBtn("#7c3aed", false),
+          ...s.ghostBtn("#17807c", false),
           fontSize: "12px",
           display: "inline-flex",
           alignItems: "center",
@@ -34,18 +49,18 @@ function AISummaryPanel({
       marginTop: "10px",
       padding: "14px 18px",
       borderRadius: "8px",
-      backgroundColor: "#faf5ff",
-      border: "1px solid #e9d5ff"
+      backgroundColor: "#eef8f7",
+      border: "1px solid #b8dcda"
     }, children: [
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "10px" }, children: [
-        /* @__PURE__ */ jsx("h4", { style: { fontSize: "13px", fontWeight: 600, color: "#7c3aed", margin: 0 }, children: "Synth\xE8se IA" }),
+        /* @__PURE__ */ jsx("h4", { style: { fontSize: "13px", fontWeight: 600, color: "#17807c", margin: 0 }, children: "Synth\xE8se IA" }),
         /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "6px" }, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
               onClick: handleAiGenerate,
               disabled: aiGenerating,
-              style: { ...s.outlineBtn("#7c3aed", aiGenerating), fontSize: "11px", padding: "4px 10px" },
+              style: { ...s.outlineBtn("#17807c", aiGenerating), fontSize: "11px", padding: "4px 10px" },
               children: aiGenerating ? "G\xE9n\xE9ration..." : "R\xE9g\xE9n\xE9rer"
             }
           ),
@@ -60,17 +75,9 @@ function AISummaryPanel({
           )
         ] })
       ] }),
-      aiGenerating ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "10px", color: "#7c3aed", fontSize: "13px" }, children: "Analyse de la conversation en cours..." }) : aiSummary ? /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: { fontSize: "13px", lineHeight: "1.7", color: "#1e1b4b", whiteSpace: "pre-wrap" },
-          dangerouslySetInnerHTML: {
-            __html: aiSummary.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\n/g, "<br/>")
-          }
-        }
-      ) : /* @__PURE__ */ jsx("p", { style: { color: "#999", fontStyle: "italic", fontSize: "13px", margin: 0 }, children: `Cliquez sur "R\xE9g\xE9n\xE9rer" pour lancer l'analyse` })
+      aiGenerating ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "10px", color: "#17807c", fontSize: "13px" }, children: "Analyse de la conversation en cours..." }) : aiSummary ? /* @__PURE__ */ jsx("div", { style: { fontSize: "13px", lineHeight: "1.7", color: "#1e1b4b", whiteSpace: "pre-wrap" }, children: renderAiSummary(aiSummary) }) : /* @__PURE__ */ jsx("p", { style: { color: "#999", fontStyle: "italic", fontSize: "13px", margin: 0 }, children: `Cliquez sur "R\xE9g\xE9n\xE9rer" pour lancer l'analyse` })
     ] })
   ] });
 }
 
-export { AISummaryPanel };
+export { AISummaryPanel, renderAiSummary };

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

@@ -92,7 +92,7 @@ function ExtMessagePanel({
       file.name,
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => setExtMsgFiles((prev) => prev.filter((_, idx) => idx !== i)), style: { border: "none", background: "none", color: "#ef4444", fontWeight: 700, cursor: "pointer", fontSize: "14px", lineHeight: 1 }, children: "\xD7" })
     ] }, i)) }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleSendExtMsg, disabled: sendingExtMsg || !extMsgBody.trim(), style: constants.s.btn("#818cf8", sendingExtMsg || !extMsgBody.trim()), children: sendingExtMsg ? "Ajout..." : "Ajouter (sans notification)" })
+    /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleSendExtMsg, disabled: sendingExtMsg || !extMsgBody.trim(), style: constants.s.btn("#1d2b4d", sendingExtMsg || !extMsgBody.trim()), children: sendingExtMsg ? "Ajout..." : "Ajouter (sans notification)" })
   ] });
 }
 const REMINDER_DELAYS = [
@@ -167,12 +167,12 @@ function ReminderPanel({
   ] });
 }
 function SnoozePanel({ snoozeSaving, handleSnooze }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#faf5ff", border: "1px solid #e9d5ff", marginBottom: "14px" }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#eef8f7", border: "1px solid #b8dcda", marginBottom: "14px" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "10px", color: "#5b21b6" }, children: "Snooze \u2014 masquer temporairement" }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleSnooze(1), disabled: snoozeSaving, style: { ...constants.s.outlineBtn("#8b5cf6", snoozeSaving), fontSize: "12px" }, children: "1 jour" }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleSnooze(3), disabled: snoozeSaving, style: { ...constants.s.outlineBtn("#8b5cf6", snoozeSaving), fontSize: "12px" }, children: "3 jours" }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleSnooze(7), disabled: snoozeSaving, style: { ...constants.s.outlineBtn("#8b5cf6", snoozeSaving), fontSize: "12px" }, children: "1 semaine" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleSnooze(1), disabled: snoozeSaving, style: { ...constants.s.outlineBtn("#17807c", snoozeSaving), fontSize: "12px" }, children: "1 jour" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleSnooze(3), disabled: snoozeSaving, style: { ...constants.s.outlineBtn("#17807c", snoozeSaving), fontSize: "12px" }, children: "3 jours" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleSnooze(7), disabled: snoozeSaving, style: { ...constants.s.outlineBtn("#17807c", snoozeSaving), fontSize: "12px" }, children: "1 semaine" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {

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

@@ -91,7 +91,7 @@ function ExtMessagePanel({
       file.name,
       /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setExtMsgFiles((prev) => prev.filter((_, idx) => idx !== i)), style: { border: "none", background: "none", color: "#ef4444", fontWeight: 700, cursor: "pointer", fontSize: "14px", lineHeight: 1 }, children: "\xD7" })
     ] }, i)) }),
-    /* @__PURE__ */ jsx("button", { onClick: handleSendExtMsg, disabled: sendingExtMsg || !extMsgBody.trim(), style: s.btn("#818cf8", sendingExtMsg || !extMsgBody.trim()), children: sendingExtMsg ? "Ajout..." : "Ajouter (sans notification)" })
+    /* @__PURE__ */ jsx("button", { onClick: handleSendExtMsg, disabled: sendingExtMsg || !extMsgBody.trim(), style: s.btn("#1d2b4d", sendingExtMsg || !extMsgBody.trim()), children: sendingExtMsg ? "Ajout..." : "Ajouter (sans notification)" })
   ] });
 }
 const REMINDER_DELAYS = [
@@ -166,12 +166,12 @@ function ReminderPanel({
   ] });
 }
 function SnoozePanel({ snoozeSaving, handleSnooze }) {
-  return /* @__PURE__ */ jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#faf5ff", border: "1px solid #e9d5ff", marginBottom: "14px" }, children: [
+  return /* @__PURE__ */ jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#eef8f7", border: "1px solid #b8dcda", marginBottom: "14px" }, children: [
     /* @__PURE__ */ jsx("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "10px", color: "#5b21b6" }, children: "Snooze \u2014 masquer temporairement" }),
     /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx("button", { onClick: () => handleSnooze(1), disabled: snoozeSaving, style: { ...s.outlineBtn("#8b5cf6", snoozeSaving), fontSize: "12px" }, children: "1 jour" }),
-      /* @__PURE__ */ jsx("button", { onClick: () => handleSnooze(3), disabled: snoozeSaving, style: { ...s.outlineBtn("#8b5cf6", snoozeSaving), fontSize: "12px" }, children: "3 jours" }),
-      /* @__PURE__ */ jsx("button", { onClick: () => handleSnooze(7), disabled: snoozeSaving, style: { ...s.outlineBtn("#8b5cf6", snoozeSaving), fontSize: "12px" }, children: "1 semaine" }),
+      /* @__PURE__ */ jsx("button", { onClick: () => handleSnooze(1), disabled: snoozeSaving, style: { ...s.outlineBtn("#17807c", snoozeSaving), fontSize: "12px" }, children: "1 jour" }),
+      /* @__PURE__ */ jsx("button", { onClick: () => handleSnooze(3), disabled: snoozeSaving, style: { ...s.outlineBtn("#17807c", snoozeSaving), fontSize: "12px" }, children: "3 jours" }),
+      /* @__PURE__ */ jsx("button", { onClick: () => handleSnooze(7), disabled: snoozeSaving, style: { ...s.outlineBtn("#17807c", snoozeSaving), fontSize: "12px" }, children: "1 semaine" }),
       /* @__PURE__ */ jsx(
         "input",
         {

package/dist/components/TicketConversation/components/ClientBar.cjs

@@ -31,7 +31,7 @@ function ClientBar({ client }) {
         {
           type: "button",
           onClick: () => window.open(`/api/admin/impersonate?clientId=${client.id}`, "_blank"),
-          style: { ...constants.s.ghostBtn("#7c3aed"), fontSize: "11px", padding: "4px 10px" },
+          style: { ...constants.s.ghostBtn("#17807c"), fontSize: "11px", padding: "4px 10px" },
           title: "Se connecter au portail support en tant que ce client",
           children: "Voir en tant que client"
         }

package/dist/components/TicketConversation/components/ClientBar.js

@@ -30,7 +30,7 @@ function ClientBar({ client }) {
         {
           type: "button",
           onClick: () => window.open(`/api/admin/impersonate?clientId=${client.id}`, "_blank"),
-          style: { ...s.ghostBtn("#7c3aed"), fontSize: "11px", padding: "4px 10px" },
+          style: { ...s.ghostBtn("#17807c"), fontSize: "11px", padding: "4px 10px" },
           title: "Se connecter au portail support en tant que ce client",
           children: "Voir en tant que client"
         }

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

@@ -41,11 +41,11 @@ function QuickActions({
         },
         a.status
       )),
-      snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onCancelSnooze, disabled: snoozeSaving, style: { ...constants.s.ghostBtn("#7c3aed", snoozeSaving), fontSize: "12px", padding: "5px 10px" }, children: "Annuler snooze" }),
+      snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onCancelSnooze, disabled: snoozeSaving, style: { ...constants.s.ghostBtn("#17807c", snoozeSaving), fontSize: "12px", padding: "5px 10px" }, children: "Annuler snooze" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: { borderLeft: `1px solid ${constants.C.border}`, height: "20px", margin: "0 4px" } }),
       /* @__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: onToggleSnooze, style: constants.s.ghostBtn("#17807c"), children: "Snooze" }),
       showReminderButton && /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: onToggleReminder, style: constants.s.ghostBtn("#ea580c"), children: [
         "\u23F0",
         " Relancer"

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

@@ -40,11 +40,11 @@ function QuickActions({
         },
         a.status
       )),
-      snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsx("button", { onClick: onCancelSnooze, disabled: snoozeSaving, style: { ...s.ghostBtn("#7c3aed", snoozeSaving), fontSize: "12px", padding: "5px 10px" }, children: "Annuler snooze" }),
+      snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsx("button", { onClick: onCancelSnooze, disabled: snoozeSaving, style: { ...s.ghostBtn("#17807c", snoozeSaving), fontSize: "12px", padding: "5px 10px" }, children: "Annuler snooze" }),
       /* @__PURE__ */ jsx("span", { style: { borderLeft: `1px solid ${C.border}`, height: "20px", margin: "0 4px" } }),
       /* @__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: onToggleSnooze, style: s.ghostBtn("#17807c"), children: "Snooze" }),
       showReminderButton && /* @__PURE__ */ jsxs("button", { onClick: onToggleReminder, style: s.ghostBtn("#ea580c"), children: [
         "\u23F0",
         " Relancer"

package/dist/components/TicketConversation/components/TicketHeader.cjs

@@ -53,7 +53,7 @@ function TicketHeader({
       chatSession.slice(0, 16),
       "..."
     ] }),
-    snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: constants.s.badge("#f5f3ff", "#7c3aed"), children: [
+    snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: constants.s.badge("#eef8f7", "#17807c"), children: [
       "Snooz\xE9 ",
       new Date(snoozeUntil).toLocaleDateString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" })
     ] }),

package/dist/components/TicketConversation/components/TicketHeader.js

@@ -52,7 +52,7 @@ function TicketHeader({
       chatSession.slice(0, 16),
       "..."
     ] }),
-    snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsxs("span", { style: s.badge("#f5f3ff", "#7c3aed"), children: [
+    snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsxs("span", { style: s.badge("#eef8f7", "#17807c"), children: [
       "Snooz\xE9 ",
       new Date(snoozeUntil).toLocaleDateString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" })
     ] }),

package/dist/components/TicketConversation/index.cjs

@@ -505,7 +505,7 @@ const TicketConversation = () => {
                                 createdDate,
                                 " \u2014 r\xE9dig\xE9 le ",
                                 scheduledDate !== createdDate ? scheduledDate : createdDate
-                              ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { style: constants.s.badge("#f3e8ff", "#7c3aed"), children: [
+                              ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { style: constants.s.badge("#eef8f7", "#17807c"), children: [
                                 "\u23F0",
                                 " R\xE9dig\xE9 le ",
                                 createdDate,
@@ -703,13 +703,13 @@ const TicketConversation = () => {
           gap: 8,
           padding: "8px 12px",
           fontSize: 12,
-          color: "#7c3aed",
+          color: "#17807c",
           fontWeight: 500
         }, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "flex", gap: 2 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#7c3aed", animation: "bounce 1s infinite", animationDelay: "0ms" } }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#7c3aed", animation: "bounce 1s infinite", animationDelay: "150ms" } }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#7c3aed", animation: "bounce 1s infinite", animationDelay: "300ms" } })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#17807c", animation: "bounce 1s infinite", animationDelay: "0ms" } }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#17807c", animation: "bounce 1s infinite", animationDelay: "150ms" } }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#17807c", animation: "bounce 1s infinite", animationDelay: "300ms" } })
           ] }),
           clientTypingName || "Client",
           " est en train d'\xE9crire..."
@@ -760,7 +760,7 @@ const TicketConversation = () => {
               {
                 onClick: handleAiSuggestReply,
                 disabled: aiReplying || messages.length === 0,
-                style: { ...constants.s.outlineBtn("#7c3aed", aiReplying || messages.length === 0), fontSize: "11px", padding: "3px 10px", borderRadius: "14px" },
+                style: { ...constants.s.outlineBtn("#17807c", aiReplying || messages.length === 0), fontSize: "11px", padding: "3px 10px", borderRadius: "14px" },
                 children: aiReplying ? "G\xE9n\xE9ration..." : "Suggestion IA"
               }
             ),
@@ -892,14 +892,14 @@ const TicketConversation = () => {
               {
                 onClick: () => setShowSchedule(!showSchedule),
                 disabled: !replyBody.trim() && !replyHtml,
-                style: { ...constants.s.outlineBtn("#7c3aed", !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "8px 12px" },
+                style: { ...constants.s.outlineBtn("#17807c", !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "8px 12px" },
                 title: "Programmer l'envoi \xE0 une date/heure pr\xE9cise",
                 children: "\u23F0"
               }
             )
           ] }),
-          showSchedule && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center", marginTop: "8px", padding: "10px 14px", borderRadius: "8px", backgroundColor: "#faf5ff", border: "1px solid #e9d5ff" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", fontWeight: 600, color: "#7c3aed" }, children: "Programmer pour :" }),
+          showSchedule && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center", marginTop: "8px", padding: "10px 14px", borderRadius: "8px", backgroundColor: "#eef8f7", border: "1px solid #b8dcda" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", fontWeight: 600, color: "#17807c" }, children: "Programmer pour :" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
@@ -915,7 +915,7 @@ const TicketConversation = () => {
               {
                 onClick: handleScheduleReply,
                 disabled: sending || !scheduleDate || !replyBody.trim() && !replyHtml,
-                style: { ...constants.s.btn("#7c3aed", sending || !scheduleDate || !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "6px 14px" },
+                style: { ...constants.s.btn("#17807c", sending || !scheduleDate || !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "6px 14px" },
                 children: sending ? "..." : "\u23F0 Programmer"
               }
             ),

package/dist/components/TicketConversation/index.js

@@ -500,7 +500,7 @@ const TicketConversation = () => {
                                 createdDate,
                                 " \u2014 r\xE9dig\xE9 le ",
                                 scheduledDate !== createdDate ? scheduledDate : createdDate
-                              ] }) : /* @__PURE__ */ jsxs("span", { style: s.badge("#f3e8ff", "#7c3aed"), children: [
+                              ] }) : /* @__PURE__ */ jsxs("span", { style: s.badge("#eef8f7", "#17807c"), children: [
                                 "\u23F0",
                                 " R\xE9dig\xE9 le ",
                                 createdDate,
@@ -698,13 +698,13 @@ const TicketConversation = () => {
           gap: 8,
           padding: "8px 12px",
           fontSize: 12,
-          color: "#7c3aed",
+          color: "#17807c",
           fontWeight: 500
         }, children: [
           /* @__PURE__ */ jsxs("span", { style: { display: "flex", gap: 2 }, children: [
-            /* @__PURE__ */ jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#7c3aed", animation: "bounce 1s infinite", animationDelay: "0ms" } }),
-            /* @__PURE__ */ jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#7c3aed", animation: "bounce 1s infinite", animationDelay: "150ms" } }),
-            /* @__PURE__ */ jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#7c3aed", animation: "bounce 1s infinite", animationDelay: "300ms" } })
+            /* @__PURE__ */ jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#17807c", animation: "bounce 1s infinite", animationDelay: "0ms" } }),
+            /* @__PURE__ */ jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#17807c", animation: "bounce 1s infinite", animationDelay: "150ms" } }),
+            /* @__PURE__ */ jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#17807c", animation: "bounce 1s infinite", animationDelay: "300ms" } })
           ] }),
           clientTypingName || "Client",
           " est en train d'\xE9crire..."
@@ -755,7 +755,7 @@ const TicketConversation = () => {
               {
                 onClick: handleAiSuggestReply,
                 disabled: aiReplying || messages.length === 0,
-                style: { ...s.outlineBtn("#7c3aed", aiReplying || messages.length === 0), fontSize: "11px", padding: "3px 10px", borderRadius: "14px" },
+                style: { ...s.outlineBtn("#17807c", aiReplying || messages.length === 0), fontSize: "11px", padding: "3px 10px", borderRadius: "14px" },
                 children: aiReplying ? "G\xE9n\xE9ration..." : "Suggestion IA"
               }
             ),
@@ -887,14 +887,14 @@ const TicketConversation = () => {
               {
                 onClick: () => setShowSchedule(!showSchedule),
                 disabled: !replyBody.trim() && !replyHtml,
-                style: { ...s.outlineBtn("#7c3aed", !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "8px 12px" },
+                style: { ...s.outlineBtn("#17807c", !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "8px 12px" },
                 title: "Programmer l'envoi \xE0 une date/heure pr\xE9cise",
                 children: "\u23F0"
               }
             )
           ] }),
-          showSchedule && /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center", marginTop: "8px", padding: "10px 14px", borderRadius: "8px", backgroundColor: "#faf5ff", border: "1px solid #e9d5ff" }, children: [
-            /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", fontWeight: 600, color: "#7c3aed" }, children: "Programmer pour :" }),
+          showSchedule && /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center", marginTop: "8px", padding: "10px 14px", borderRadius: "8px", backgroundColor: "#eef8f7", border: "1px solid #b8dcda" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", fontWeight: 600, color: "#17807c" }, children: "Programmer pour :" }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -910,7 +910,7 @@ const TicketConversation = () => {
               {
                 onClick: handleScheduleReply,
                 disabled: sending || !scheduleDate || !replyBody.trim() && !replyHtml,
-                style: { ...s.btn("#7c3aed", sending || !scheduleDate || !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "6px 14px" },
+                style: { ...s.btn("#17807c", sending || !scheduleDate || !replyBody.trim() && !replyHtml), fontSize: "12px", padding: "6px 14px" },
                 children: sending ? "..." : "\u23F0 Programmer"
               }
             ),