@consilioweb/payload-support 1.1.1 → 2.0.1

package/README.md

@@ -9,7 +9,7 @@
 [![MIT License](https://img.shields.io/badge/license-MIT-1f8a5b)](LICENSE)
 [![Node.js](https://img.shields.io/badge/node-18+-1f8a5b)](https://nodejs.org)
 [![Payload](https://img.shields.io/badge/payload-3.x-1f8a5b)](https://payloadcms.com)
-[![Tests](https://img.shields.io/badge/tests-102%20passing-1f8a5b)](src/__tests__)
+[![Tests](https://img.shields.io/badge/tests-132%20passing-1f8a5b)](src/__tests__)
 [![TypeScript](https://img.shields.io/badge/typescript-strict-1f8a5b)](https://www.typescriptlang.org)
 
 </div>
@@ -154,6 +154,8 @@ supportPlugin({ features: { chat: false, pendingEmails: false }, locale: 'en' })
 ```ts
 supportPlugin({
   features: { ai: true, sla: true, roundRobin: true, webhooks: true, snooze: true },
+  rateLimitStore: 'payload', // shared, persistent limits for multi-instance deployments
+  ticketNumber: { prefix: 'TK-', padding: 6 },
   ai: { provider: 'ollama', model: 'qwen2.5', baseUrl: process.env.OLLAMA_API_URL },
   email: { fromName: 'Support ACME', fromAddress: 'support@acme.com', replyTo: 'support@acme.com' },
   allowedEmailDomains: ['acme.com'],          // restrict OAuth auto-registration
@@ -163,6 +165,50 @@ supportPlugin({
 })
 ```
 
+### Deployment adapters
+
+Version 2 keeps provider-specific code in the host application while the plugin owns the
+generic support workflow. Optional capabilities include SMS, inbound email, digests, AI
+titles and summaries, detailed billing, volunteering, thread cleanup and project suggestions.
+
+```ts
+supportPlugin({
+  rateLimitStore: 'payload',
+  capabilities: {
+    sms: {
+      adapter: {
+        isConfigured: () => Boolean(process.env.SMS_PROVIDER_ACCOUNT),
+        send: async ({ message, to }) => mySmsProvider.send({ message, to }),
+      },
+    },
+    inboundEmail: {
+      secret: process.env.SUPPORT_WEBHOOK_SECRET,
+      secretHeader: 'x-webhook-secret',
+      handle: handleInboundSupportEmail,
+    },
+    detailedBilling: true,
+    volunteering: true,
+  },
+})
+```
+
+### Upgrading from 1.x
+
+Version 2.0 is a security and ownership release with intentional breaking changes:
+
+1. Generate an additive Payload migration for the new `support-counters` collection and,
+   when `rateLimitStore: 'payload'` is enabled, `support-rate-limits`. Run it before restart.
+2. Regenerate Payload types and the admin import map.
+3. Remove duplicated host routes and enable the plugin endpoints (`skipEndpoints: false`).
+4. Read portal authentication exclusively from the `HttpOnly` cookie. Login, OAuth and 2FA
+   responses no longer expose the JWT in JSON.
+5. Send cron and webhook secrets only through their configured headers. Query-string secrets
+   are rejected.
+6. Custom rate-limit stores must implement the asynchronous `RateLimitStore` interface.
+
+The process-local memory store remains the default for development and single-instance use.
+Use `rateLimitStore: 'payload'` or a shared custom store in production with multiple instances.
+
 ### Run the AI agent on a ticket
 
 ```ts
@@ -212,6 +258,9 @@ import type { SupportPluginConfig, SupportFeatures } from '@consilioweb/payload-
 | `features` | `SupportFeatures` | all `true` | Toggle each feature on/off. |
 | `ai` | `AIProviderConfig` | `anthropic` | AI provider: `anthropic` \| `openai` \| `ollama` \| `custom`. |
 | `email` | `EmailConfig` | — | `fromName`, `fromAddress`, `replyTo`. |
+| `rateLimitStore` | `RateLimitStore \| 'payload'` | memory | Persistent/shared storage for endpoint limits. |
+| `ticketNumber` | `{ prefix?, padding? }` | `TK-`, no padding | Atomic sequential ticket-number formatting. |
+| `capabilities` | `SupportCapabilities` | — | Optional host adapters for SMS, inbound email, AI and deployment-specific workflows. |
 | `locale` | `'fr' \| 'en'` | `'fr'` | Admin/portal language. |
 | `basePath` | `string` | `'/support'` | Admin views prefix. |
 | `userCollectionSlug` | `string` | `'users'` | Agents collection. |
@@ -333,7 +382,10 @@ Security is a first-class concern — several guardrails are validated by integr
 - **Cross-client isolation** — a client can never read another's tickets/messages (filtered by owned tickets).
 - **2FA** enforced server-side (`beforeLogin`); **OAuth** verifies the Google email.
 - **Sanitization** of message HTML server-side (stored-XSS protection).
-- **HMAC-signed** webhooks, signed tracking pixel, fail-closed secrets.
+- **HMAC-signed** webhooks and tracking pixels with constant-time verification and idempotent writes.
+- **Cookie-only JWTs** for portal authentication (`HttpOnly`, `Secure`, `SameSite=Lax`).
+- **Persistent rate limiting** for authentication, 2FA, chats, invitations, transfers and AI endpoints.
+- **Bounded inbound email** payloads and attachments; cron/webhook secrets are accepted in headers only.
 
 ### Reporting Security Issues
 
@@ -362,7 +414,7 @@ Contributions are very welcome!
 Run the checks before submitting:
 
 ```bash
-npm run typecheck && npm test && npm run build
+pnpm typecheck && pnpm test && pnpm build
 ```
 
 <img src="https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png" width="100%" alt="" />
@@ -371,6 +423,25 @@ npm run typecheck && npm test && npm run build
 
 See [CHANGELOG.md](CHANGELOG.md) for the full history.
 
+### [2.0.1] — 2026-07-16
+
+- 🌍 Loads the complete shared FR/EN catalogs in every support admin view, fixing raw keys such as ticket statuses, relative dates, time tracking, tags and billing labels.
+- 🧭 Removes translation-key collisions in the support dashboard and settings views.
+- ✅ Adds regression coverage for all 518 literal translation keys used by the support UI and keeps both locales aligned (132 tests passing).
+
+### [2.0.0] — 2026-07-16
+
+- 🔐 Security hardening for authentication, tracking pixels, webhook/cron secrets, HTML/AI output and inbound-email limits.
+- 🚦 Asynchronous persistent rate limiting with a Payload-backed store and memory fallback.
+- 🔢 Atomic persistent ticket counters with configurable prefix and padding.
+- 🧩 Typed deployment adapters for SMS, inbound email, AI workflows, billing, volunteering, cleanup and project suggestions.
+- 🏗️ The plugin is now the single owner of generic support collections, hooks, views and endpoints.
+- ✅ 124 tests covering the security regressions and new capabilities.
+
+### [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/hooks/useTranslation.cjs

@@ -3,17 +3,38 @@
 var react = require('react');
 var frTranslations = require('../locales/fr.json');
 var enTranslations = require('../locales/en.json');
+var frViewTranslations = require('../../../views/shared/locales/fr.json');
+var enViewTranslations = require('../../../views/shared/locales/en.json');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var frTranslations__default = /*#__PURE__*/_interopDefault(frTranslations);
 var enTranslations__default = /*#__PURE__*/_interopDefault(enTranslations);
+var frViewTranslations__default = /*#__PURE__*/_interopDefault(frViewTranslations);
+var enViewTranslations__default = /*#__PURE__*/_interopDefault(enViewTranslations);
 
 const LOCALE_STORAGE_KEY = "support_locale";
 const DEFAULT_LOCALE = "fr";
+function mergeTranslations(base, supplement) {
+  const merged = { ...base };
+  for (const [key, value] of Object.entries(supplement)) {
+    const current = merged[key];
+    if (current != null && value != null && typeof current === "object" && typeof value === "object" && !Array.isArray(current) && !Array.isArray(value)) {
+      merged[key] = mergeTranslations(
+        current,
+        value
+      );
+      continue;
+    }
+    if (current === void 0 || typeof current !== "object" && typeof value === "object") {
+      merged[key] = value;
+    }
+  }
+  return merged;
+}
 const translations = {
-  fr: frTranslations__default.default,
-  en: enTranslations__default.default
+  fr: mergeTranslations(frTranslations__default.default, frViewTranslations__default.default),
+  en: mergeTranslations(enTranslations__default.default, enViewTranslations__default.default)
 };
 function getNestedValue(obj, path) {
   const keys = path.split(".");
@@ -75,4 +96,6 @@ function useTranslation() {
 
 exports.DEFAULT_LOCALE = DEFAULT_LOCALE;
 exports.LOCALE_STORAGE_KEY = LOCALE_STORAGE_KEY;
+exports.getNestedValue = getNestedValue;
+exports.translations = translations;
 exports.useTranslation = useTranslation;

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

@@ -2,12 +2,31 @@
 import { useState, useEffect, useCallback } from 'react';
 import frTranslations from '../locales/fr.json';
 import enTranslations from '../locales/en.json';
+import frViewTranslations from '../../../views/shared/locales/fr.json';
+import enViewTranslations from '../../../views/shared/locales/en.json';
 
 const LOCALE_STORAGE_KEY = "support_locale";
 const DEFAULT_LOCALE = "fr";
+function mergeTranslations(base, supplement) {
+  const merged = { ...base };
+  for (const [key, value] of Object.entries(supplement)) {
+    const current = merged[key];
+    if (current != null && value != null && typeof current === "object" && typeof value === "object" && !Array.isArray(current) && !Array.isArray(value)) {
+      merged[key] = mergeTranslations(
+        current,
+        value
+      );
+      continue;
+    }
+    if (current === void 0 || typeof current !== "object" && typeof value === "object") {
+      merged[key] = value;
+    }
+  }
+  return merged;
+}
 const translations = {
-  fr: frTranslations,
-  en: enTranslations
+  fr: mergeTranslations(frTranslations, frViewTranslations),
+  en: mergeTranslations(enTranslations, enViewTranslations)
 };
 function getNestedValue(obj, path) {
   const keys = path.split(".");
@@ -67,4 +86,4 @@ function useTranslation() {
   return { t, locale, setLocale };
 }
 
-export { DEFAULT_LOCALE, LOCALE_STORAGE_KEY, useTranslation };
+export { DEFAULT_LOCALE, LOCALE_STORAGE_KEY, getNestedValue, translations, useTranslation };

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"
               }
             ),