@consilioweb/payload-support 0.16.0 → 1.1.0

package/dist/views/TicketingSettingsView/client.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Settings, Mail, Bot, Clock, Timer, Globe, FileSignature } from 'lucide-react';
-import { V, btnStyle } from '../shared/adminTokens.js';
+import { btnStyle, V } from '../shared/adminTokens.js';
 import { AdminViewHeader } from '../shared/AdminViewHeader.js';
 import { getFeatures, saveFeatures, DEFAULT_FEATURES } from '../../components/TicketConversation/config.js';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
@@ -97,31 +97,35 @@ async function saveUserPrefs(prefs) {
     return false;
   }
 }
-const FEATURE_LIST = [
-  // Core
-  { key: "canned", label: "R\xE9ponses rapides", description: "Templates de r\xE9ponses pr\xE9-enregistr\xE9es avec variables dynamiques", category: "core" },
-  { key: "scheduledReplies", label: "R\xE9ponses programm\xE9es", description: "Envoyer une r\xE9ponse \xE0 une date/heure future", category: "core" },
-  { key: "activityLog", label: "Journal d'activit\xE9", description: "Timeline des actions sur chaque ticket (changements de statut, assignation...)", category: "core" },
-  // Communication
-  { key: "emailTracking", label: "Suivi des emails", description: "Tracking d'envoi et d'ouverture des notifications email", category: "communication" },
-  { key: "chat", label: "Live Chat", description: "Chat en temps r\xE9el avec conversion en ticket", category: "communication" },
-  { key: "externalMessages", label: "Messages externes", description: "Ajouter manuellement des messages re\xE7us par email, SMS, WhatsApp...", category: "communication" },
-  // Productivity
-  { key: "ai", label: "Intelligence Artificielle", description: "Analyse de sentiment, synth\xE8se, suggestion de r\xE9ponse, reformulation", category: "productivity" },
-  { key: "timeTracking", label: "Suivi du temps", description: "Timer, entr\xE9es manuelles, facturation", category: "productivity" },
-  { key: "satisfaction", label: "Enqu\xEAtes satisfaction", description: "Score CSAT apr\xE8s r\xE9solution du ticket", category: "productivity" },
-  // Advanced
-  { key: "merge", label: "Fusion de tickets", description: "Combiner deux tickets en un seul", category: "advanced" },
-  { key: "splitTicket", label: "Extraction de message", description: "Extraire un message en nouveau ticket li\xE9", category: "advanced" },
-  { key: "snooze", label: "Snooze", description: "Masquer temporairement un ticket et rappel automatique", category: "advanced" },
-  { key: "clientHistory", label: "Historique client", description: "Tickets pass\xE9s, projets et notes internes du client", category: "advanced" }
-];
-const CATEGORIES = [
-  { key: "core", label: "Fonctionnalit\xE9s de base", color: V.blue },
-  { key: "communication", label: "Communication", color: V.green },
-  { key: "productivity", label: "Productivit\xE9", color: V.amber },
-  { key: "advanced", label: "Avanc\xE9", color: "#7c3aed" }
-];
+function getFeatureList(t) {
+  return [
+    // Core
+    { key: "canned", label: t("settingsView.features.canned.label"), description: t("settingsView.features.canned.description"), category: "core" },
+    { key: "scheduledReplies", label: t("settingsView.features.scheduledReplies.label"), description: t("settingsView.features.scheduledReplies.description"), category: "core" },
+    { key: "activityLog", label: t("settingsView.features.activityLog.label"), description: t("settingsView.features.activityLog.description"), category: "core" },
+    // Communication
+    { key: "emailTracking", label: t("settingsView.features.emailTracking.label"), description: t("settingsView.features.emailTracking.description"), category: "communication" },
+    { key: "chat", label: t("settingsView.features.chat.label"), description: t("settingsView.features.chat.description"), category: "communication" },
+    { key: "externalMessages", label: t("settingsView.features.externalMessages.label"), description: t("settingsView.features.externalMessages.description"), category: "communication" },
+    // Productivity
+    { key: "ai", label: t("settingsView.features.ai.label"), description: t("settingsView.features.ai.description"), category: "productivity" },
+    { key: "timeTracking", label: t("settingsView.features.timeTracking.label"), description: t("settingsView.features.timeTracking.description"), category: "productivity" },
+    { key: "satisfaction", label: t("settingsView.features.satisfaction.label"), description: t("settingsView.features.satisfaction.description"), category: "productivity" },
+    // Advanced
+    { key: "merge", label: t("settingsView.features.merge.label"), description: t("settingsView.features.merge.description"), category: "advanced" },
+    { key: "splitTicket", label: t("settingsView.features.splitTicket.label"), description: t("settingsView.features.splitTicket.description"), category: "advanced" },
+    { key: "snooze", label: t("settingsView.features.snooze.label"), description: t("settingsView.features.snooze.description"), category: "advanced" },
+    { key: "clientHistory", label: t("settingsView.features.clientHistory.label"), description: t("settingsView.features.clientHistory.description"), category: "advanced" }
+  ];
+}
+function getCategories(t) {
+  return [
+    { key: "core", label: t("settingsView.categories.core"), color: V.blue },
+    { key: "communication", label: t("settingsView.categories.communication"), color: V.green },
+    { key: "productivity", label: t("settingsView.categories.productivity"), color: V.amber },
+    { key: "advanced", label: t("settingsView.categories.advanced"), color: "#7c3aed" }
+  ];
+}
 const Toggle = ({ checked, onChange, color = V.blue, size = "md" }) => {
   const w = size === "sm" ? 36 : 40;
   const h = size === "sm" ? 20 : 22;
@@ -200,6 +204,8 @@ const FieldRow = ({ label, description, children }) => /* @__PURE__ */ jsxs("div
 ] });
 const TicketingSettingsClient = () => {
   const { t } = useTranslation();
+  const FEATURE_LIST = React.useMemo(() => getFeatureList(t), [t]);
+  const CATEGORIES = React.useMemo(() => getCategories(t), [t]);
   const [features, setFeatures] = useState(() => getFeatures());
   const [settings, setSettings] = useState(DEFAULT_SETTINGS);
   const [signature, setSignature] = useState("");
@@ -345,13 +351,13 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxs(
       CollapsibleSection,
       {
-        title: "Configuration Email",
+        title: t("settingsView.emailConfig"),
         icon: /* @__PURE__ */ jsx(Mail, { size: 16 }),
         color: "#ea580c",
         defaultOpen: false,
         children: [
-          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: "Parametres d'envoi des notifications email. L'adresse SMTP est configuree via les variables d'environnement du serveur." }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Adresse expediteur", description: "Adresse email affichee dans le champ From", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: t("settingsView.emailDescription") }),
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.senderAddress"), description: t("settingsView.senderAddressDesc"), children: /* @__PURE__ */ jsx(
             "input",
             {
               type: "email",
@@ -361,7 +367,7 @@ const TicketingSettingsClient = () => {
               className: ts.input
             }
           ) }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Nom expediteur", description: "Nom affiche a cote de l'adresse email", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.senderName"), description: t("settingsView.senderNameDesc"), children: /* @__PURE__ */ jsx(
             "input",
             {
               type: "text",
@@ -371,7 +377,7 @@ const TicketingSettingsClient = () => {
               className: ts.input
             }
           ) }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Adresse Reply-To", description: "Si differente de l'adresse expediteur", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.replyTo"), description: t("settingsView.replyToDesc"), children: /* @__PURE__ */ jsx(
             "input",
             {
               type: "email",
@@ -382,7 +388,7 @@ const TicketingSettingsClient = () => {
             }
           ) }),
           /* @__PURE__ */ jsx("div", { className: ts.separator }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Serveur SMTP", description: "Configure via variables d'environnement", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.smtpServer"), description: t("settingsView.smtpServerDesc"), children: /* @__PURE__ */ jsx(
             "input",
             {
               type: "text",
@@ -391,7 +397,7 @@ const TicketingSettingsClient = () => {
               className: ts.inputReadonly
             }
           ) }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Port SMTP", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.smtpPort"), children: /* @__PURE__ */ jsx(
             "input",
             {
               type: "text",
@@ -407,14 +413,14 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxs(
       CollapsibleSection,
       {
-        title: "Intelligence Artificielle",
+        title: t("settingsView.aiTitle"),
         icon: /* @__PURE__ */ jsx(Bot, { size: 16 }),
         color: "#7c3aed",
         defaultOpen: false,
-        badge: features.ai ? /* @__PURE__ */ jsx("span", { className: ts.badge, style: { backgroundColor: "#dcfce7", color: "#166534" }, children: "Active" }) : /* @__PURE__ */ jsx("span", { className: ts.badge, style: { backgroundColor: "#fee2e2", color: "#991b1b" }, children: "Inactive" }),
+        badge: features.ai ? /* @__PURE__ */ jsx("span", { className: ts.badge, style: { backgroundColor: "#dcfce7", color: "#166534" }, children: t("settingsView.aiBadgeActive") }) : /* @__PURE__ */ jsx("span", { className: ts.badge, style: { backgroundColor: "#fee2e2", color: "#991b1b" }, children: t("settingsView.aiBadgeInactive") }),
         children: [
-          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: `Configurez le fournisseur d'IA et activez/d\xE9sactivez chaque fonctionnalit\xE9 ind\xE9pendamment. Les fonctionnalit\xE9s IA n\xE9cessitent que le flag "Intelligence Artificielle" soit actif dans la section pr\xE9c\xE9dente.` }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Fournisseur", description: "Service d'IA utilise pour l'analyse", children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: t("settingsView.aiDescription") }),
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.aiProvider"), description: t("settingsView.aiProviderDesc"), children: /* @__PURE__ */ jsxs(
             "select",
             {
               value: settings.ai.provider,
@@ -428,7 +434,7 @@ const TicketingSettingsClient = () => {
               ]
             }
           ) }),
-          settings.ai.provider !== "ollama" && /* @__PURE__ */ jsx(FieldRow, { label: "Cle API", description: "Cle secrete du fournisseur (non stockee en clair)", children: /* @__PURE__ */ jsxs("div", { className: ts.apiKeyRow, children: [
+          settings.ai.provider !== "ollama" && /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.aiApiKey"), description: t("settingsView.aiApiKeyDesc"), children: /* @__PURE__ */ jsxs("div", { className: ts.apiKeyRow, children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -445,11 +451,11 @@ const TicketingSettingsClient = () => {
               {
                 onClick: () => setShowApiKey(!showApiKey),
                 className: ts.apiKeyToggle,
-                children: showApiKey ? "Masquer" : "Afficher"
+                children: showApiKey ? t("settingsView.hideKey") : t("settingsView.showKey")
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Modele", description: "Nom du modele a utiliser", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.aiModel"), description: t("settingsView.aiModelDesc"), children: /* @__PURE__ */ jsx(
             "input",
             {
               type: "text",
@@ -460,12 +466,12 @@ const TicketingSettingsClient = () => {
             }
           ) }),
           /* @__PURE__ */ jsx("div", { className: ts.separator }),
-          /* @__PURE__ */ jsx("p", { className: ts.aiSubFeaturesLabel, children: "Fonctionnalit\xE9s IA individuelles" }),
+          /* @__PURE__ */ jsx("p", { className: ts.aiSubFeaturesLabel, children: t("settingsView.aiSubFeatures") }),
           [
-            { key: "enableSentiment", label: "Analyse de sentiment", desc: "Detecte le niveau de frustration ou satisfaction du client" },
-            { key: "enableSynthesis", label: "Synthese automatique", desc: "Resume les conversations longues en quelques phrases" },
-            { key: "enableSuggestion", label: "Suggestion de reponse", desc: "Propose un brouillon de reponse base sur le contexte" },
-            { key: "enableRewrite", label: "Reformulation", desc: "Reformule un message pour le rendre plus professionnel" }
+            { key: "enableSentiment", label: t("settingsView.aiSentiment"), desc: t("settingsView.aiSentimentDesc") },
+            { key: "enableSynthesis", label: t("settingsView.aiSynthesis"), desc: t("settingsView.aiSynthesisDesc") },
+            { key: "enableSuggestion", label: t("settingsView.aiSuggestion"), desc: t("settingsView.aiSuggestionDesc") },
+            { key: "enableRewrite", label: t("settingsView.aiRewrite"), desc: t("settingsView.aiRewriteDesc") }
           ].map((item) => /* @__PURE__ */ jsxs("div", { className: ts.aiToggleRow, children: [
             /* @__PURE__ */ jsx(
               Toggle,
@@ -487,13 +493,13 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxs(
       CollapsibleSection,
       {
-        title: "SLA (Accords de niveau de service)",
+        title: t("settingsView.slaTitle"),
         icon: /* @__PURE__ */ jsx(Clock, { size: 16 }),
         color: "#0891b2",
         defaultOpen: false,
         children: [
-          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: "Definissez les delais de reponse et de resolution attendus. Ces seuils sont utilises pour le suivi de performance et les alertes d'escalade." }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Premiere reponse", description: "D\xE9lai maximum en minutes (d\xE9faut : 120 = 2h)", children: /* @__PURE__ */ jsxs("div", { className: ts.slaInline, children: [
+          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: t("settingsView.slaDescription") }),
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.slaFirstResponse"), description: t("settingsView.slaFirstResponseDesc"), children: /* @__PURE__ */ jsxs("div", { className: ts.slaInline, children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -505,14 +511,15 @@ const TicketingSettingsClient = () => {
               }
             ),
             /* @__PURE__ */ jsxs("span", { className: ts.slaHint, children: [
-              "minutes (",
+              t("settingsView.minutes"),
+              " (",
               Math.floor(settings.sla.firstResponseMinutes / 60),
               "h",
               String(settings.sla.firstResponseMinutes % 60).padStart(2, "0"),
               ")"
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "R\xE9solution", description: "D\xE9lai maximum en minutes (d\xE9faut : 1440 = 24h)", children: /* @__PURE__ */ jsxs("div", { className: ts.slaInline, children: [
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.slaResolution"), description: t("settingsView.slaResolutionDesc"), children: /* @__PURE__ */ jsxs("div", { className: ts.slaInline, children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -524,7 +531,8 @@ const TicketingSettingsClient = () => {
               }
             ),
             /* @__PURE__ */ jsxs("span", { className: ts.slaHint, children: [
-              "minutes (",
+              t("settingsView.minutes"),
+              " (",
               Math.floor(settings.sla.resolutionMinutes / 60),
               "h",
               String(settings.sla.resolutionMinutes % 60).padStart(2, "0"),
@@ -542,12 +550,12 @@ const TicketingSettingsClient = () => {
               }
             ),
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("span", { className: ts.inlineLabel, children: "Heures ouvrables uniquement" }),
-              /* @__PURE__ */ jsx("div", { className: ts.inlineDesc, children: "Le decompte SLA est suspendu en dehors des heures de bureau (Lun-Ven, 9h-18h)" })
+              /* @__PURE__ */ jsx("span", { className: ts.inlineLabel, children: t("settingsView.businessHoursOnly") }),
+              /* @__PURE__ */ jsx("div", { className: ts.inlineDesc, children: t("settingsView.businessHoursDesc") })
             ] })
           ] }),
           /* @__PURE__ */ jsx("div", { className: ts.separator }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Email d'escalade", description: "Adresse notifiee en cas de depassement SLA", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.escalationEmail"), description: t("settingsView.escalationEmailDesc"), children: /* @__PURE__ */ jsx(
             "input",
             {
               type: "email",
@@ -563,7 +571,7 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxs(
       CollapsibleSection,
       {
-        title: "Fermeture automatique",
+        title: t("settingsView.autoCloseTitle"),
         icon: /* @__PURE__ */ jsx(Timer, { size: 16 }),
         color: "#d97706",
         defaultOpen: false,
@@ -572,7 +580,7 @@ const TicketingSettingsClient = () => {
           "j"
         ] }) : /* @__PURE__ */ jsx("span", { className: ts.badge, style: { backgroundColor: "#e5e7eb", color: "#374151" }, children: "Off" }),
         children: [
-          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: "Les tickets en attente client sans reponse seront automatiquement resolus apres le delai configure. Un email de rappel est envoye avant la fermeture." }),
+          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: t("settingsView.autoCloseDescription") }),
           /* @__PURE__ */ jsxs("div", { className: ts.toggleRow, style: { paddingBottom: 14 }, children: [
             /* @__PURE__ */ jsx(
               Toggle,
@@ -582,10 +590,10 @@ const TicketingSettingsClient = () => {
                 color: "#d97706"
               }
             ),
-            /* @__PURE__ */ jsx("span", { className: ts.inlineLabel, children: "Activer la fermeture automatique" })
+            /* @__PURE__ */ jsx("span", { className: ts.inlineLabel, children: t("settingsView.autoCloseEnable") })
           ] }),
           settings.autoClose.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(FieldRow, { label: "Delai avant fermeture", description: "Nombre de jours sans reponse du client", children: /* @__PURE__ */ jsxs("div", { className: ts.slaInline, children: [
+            /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.autoCloseDelay"), description: t("settingsView.autoCloseDelayDesc"), children: /* @__PURE__ */ jsxs("div", { className: ts.slaInline, children: [
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -597,9 +605,9 @@ const TicketingSettingsClient = () => {
                   className: ts.numberInput
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: ts.slaHint, children: "jours" })
+              /* @__PURE__ */ jsx("span", { className: ts.slaHint, children: t("settingsView.days") })
             ] }) }),
-            /* @__PURE__ */ jsx(FieldRow, { label: "Rappel avant fermeture", description: "Email de rappel envoye X jours avant", children: /* @__PURE__ */ jsxs("div", { className: ts.slaInline, children: [
+            /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.autoCloseReminder"), description: t("settingsView.autoCloseReminderDesc"), children: /* @__PURE__ */ jsxs("div", { className: ts.slaInline, children: [
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -611,11 +619,7 @@ const TicketingSettingsClient = () => {
                   className: ts.numberInput
                 }
               ),
-              /* @__PURE__ */ jsxs("span", { className: ts.slaHint, children: [
-                "jours avant (rappel a J-",
-                settings.autoClose.reminderDaysBefore,
-                ")"
-              ] })
+              /* @__PURE__ */ jsx("span", { className: ts.slaHint, children: t("settingsView.autoCloseDaysBeforeReminder", { count: String(settings.autoClose.reminderDaysBefore) }) })
             ] }) })
           ] })
         ]
@@ -629,27 +633,27 @@ const TicketingSettingsClient = () => {
       background: "linear-gradient(135deg, #dbeafe 0%, #ede9fe 100%)",
       border: "1px solid #c7d2fe"
     }, children: [
-      /* @__PURE__ */ jsx("div", { style: { fontWeight: 700, fontSize: 15, color: "#1e293b" }, children: "Mes preferences" }),
-      /* @__PURE__ */ jsx("div", { style: { fontSize: 13, color: "#64748b", marginTop: 2 }, children: "Ces reglages sont propres a votre compte et ne s'appliquent qu'a vous." })
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 700, fontSize: 15, color: "#1e293b" }, children: t("settingsView.myPreferences") }),
+      /* @__PURE__ */ jsx("div", { style: { fontSize: 13, color: "#64748b", marginTop: 2 }, children: t("settingsView.myPreferencesDesc") })
     ] }),
     /* @__PURE__ */ jsxs(
       CollapsibleSection,
       {
-        title: "Langue et localisation",
+        title: t("settingsView.localeTitle"),
         icon: /* @__PURE__ */ jsx(Globe, { size: 16 }),
         color: "#16a34a",
         defaultOpen: false,
         children: [
-          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: "Langue de l'interface du module de support et des notifications email envoyees aux clients." }),
-          /* @__PURE__ */ jsx(FieldRow, { label: "Langue", description: "Langue principale du module", children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: t("settingsView.localeDescription") }),
+          /* @__PURE__ */ jsx(FieldRow, { label: t("settingsView.language"), description: t("settingsView.languageDesc"), children: /* @__PURE__ */ jsxs(
             "select",
             {
               value: settings.locale.language,
               onChange: (e) => updateLocale("language", e.target.value),
               className: ts.select,
               children: [
-                /* @__PURE__ */ jsx("option", { value: "fr", children: "Francais" }),
-                /* @__PURE__ */ jsx("option", { value: "en", children: "English" })
+                /* @__PURE__ */ jsx("option", { value: "fr", children: t("settingsView.french") }),
+                /* @__PURE__ */ jsx("option", { value: "en", children: t("settingsView.english") })
               ]
             }
           ) })
@@ -659,12 +663,12 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxs(
       CollapsibleSection,
       {
-        title: "Signature email",
+        title: t("settingsView.signatureTitle"),
         icon: /* @__PURE__ */ jsx(FileSignature, { size: 16 }),
         color: "#6366f1",
         defaultOpen: false,
         children: [
-          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: "Signature ajoutee automatiquement en bas de chaque reponse email envoyee au client. Supporte le texte brut et le HTML basique." }),
+          /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: t("settingsView.signatureDescription") }),
           /* @__PURE__ */ jsx(
             "textarea",
             {
@@ -673,7 +677,7 @@ const TicketingSettingsClient = () => {
                 setSignature(e.target.value);
                 setSaved(false);
               },
-              placeholder: "Cordialement,\nL'equipe ConsilioWEB",
+              placeholder: t("settingsView.signaturePlaceholder"),
               rows: 6,
               className: ts.signatureTextarea
             }
@@ -681,28 +685,28 @@ const TicketingSettingsClient = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(CollapsibleSection, { title: "Purge des logs", icon: /* @__PURE__ */ jsx(Settings, { size: 18 }), color: "#ef4444", defaultOpen: false, children: [
-      /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: "Supprimez les anciens logs pour lib\xE9rer de l'espace. Cette action est irr\xE9versible." }),
+    /* @__PURE__ */ jsxs(CollapsibleSection, { title: t("settingsView.purgeTitle"), icon: /* @__PURE__ */ jsx(Settings, { size: 18 }), color: "#ef4444", defaultOpen: false, children: [
+      /* @__PURE__ */ jsx("p", { className: ts.sectionDescription, children: t("settingsView.purgeDescription") }),
       /* @__PURE__ */ jsx("div", { className: ts.purgeGroup, children: ["email-logs", "auth-logs"].map((col) => /* @__PURE__ */ jsxs("div", { className: ts.purgeCategory, children: [
-        /* @__PURE__ */ jsx("span", { className: ts.purgeCategoryLabel, children: col === "email-logs" ? "Logs Email" : "Logs Auth" }),
+        /* @__PURE__ */ jsx("span", { className: ts.purgeCategoryLabel, children: col === "email-logs" ? t("settingsView.purgeEmailLogs") : t("settingsView.purgeAuthLogs") }),
         /* @__PURE__ */ jsx("div", { className: ts.purgeButtons, children: [
-          { label: "7 jours", days: 7 },
-          { label: "30 jours", days: 30 },
-          { label: "90 jours", days: 90 },
-          { label: "Tout", days: 0 }
+          { label: t("settingsView.purge7days"), days: 7 },
+          { label: t("settingsView.purge30days"), days: 30 },
+          { label: t("settingsView.purge90days"), days: 90 },
+          { label: t("settingsView.purgeAllLabel"), days: 0 }
         ].map((opt) => /* @__PURE__ */ jsx(
           "button",
           {
             onClick: async () => {
-              if (!window.confirm(`Supprimer les logs ${col} de plus de ${opt.days || "tous les"} jours ?`)) return;
+              if (!window.confirm(t("settingsView.purgeConfirm", { collection: col, days: opt.days === 0 ? t("settingsView.purgeAllLabel") : String(opt.days) }))) return;
               try {
                 const res = await fetch(`/api/support/purge-logs?collection=${col}&days=${opt.days}`, { method: "DELETE", credentials: "include" });
                 if (res.ok) {
                   const d = await res.json();
-                  alert(`${d.purged} log(s) supprim\xE9(s)`);
+                  alert(`${d.purged} ${t("settingsView.purgeDone")}`);
                 }
               } catch {
-                alert("Erreur");
+                alert(t("import.errorTitle"));
               }
             },
             style: { ...btnStyle(opt.days === 0 ? "#ef4444" : "var(--theme-elevation-500)", { small: true }), fontSize: 11 },
@@ -713,14 +717,14 @@ const TicketingSettingsClient = () => {
       ] }, col)) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: ts.bottomBar, children: [
-      /* @__PURE__ */ jsx("button", { onClick: handleReset, style: btnStyle("var(--theme-elevation-400)", { small: true }), children: "R\xE9initialiser tout" }),
+      /* @__PURE__ */ jsx("button", { onClick: handleReset, style: btnStyle("var(--theme-elevation-400)", { small: true }), children: t("settingsView.resetAll") }),
       /* @__PURE__ */ jsx(
         "button",
         {
           onClick: handleSave,
           disabled: saving,
           style: btnStyle(saved ? V.green : V.blue, { small: true }),
-          children: saving ? "Sauvegarde..." : saved ? "\u2713 Sauvegard\xE9" : "Sauvegarder les modifications"
+          children: saving ? t("settingsView.saving") : saved ? t("settingsView.saved2") : t("settingsView.saveChanges")
         }
       )
     ] })

package/dist/views/TimeDashboardView/client.cjs

@@ -65,14 +65,14 @@ const TimeDashboardClient = () => {
     for (const entry of entries) {
       let key;
       if (groupBy === "day") {
-        key = entry.date ? entry.date.split("T")[0] : "Sans date";
+        key = entry.date ? entry.date.split("T")[0] : t("timeDashboard.noDate");
       } else if (groupBy === "week") {
         const d = new Date(entry.date);
         key = `Semaine ${getWeekNumber(d)} (${MONTHS_FR[d.getMonth()]} ${d.getFullYear()})`;
       } else {
         const ticket = typeof entry.ticket === "object" ? entry.ticket : null;
         const project = ticket && typeof ticket.project === "object" ? ticket.project : null;
-        key = project?.name || "Sans projet";
+        key = project?.name || t("billing.noProject");
       }
       if (!map.has(key)) map.set(key, []);
       map.get(key).push(entry);

package/dist/views/TimeDashboardView/client.js

@@ -59,14 +59,14 @@ const TimeDashboardClient = () => {
     for (const entry of entries) {
       let key;
       if (groupBy === "day") {
-        key = entry.date ? entry.date.split("T")[0] : "Sans date";
+        key = entry.date ? entry.date.split("T")[0] : t("timeDashboard.noDate");
       } else if (groupBy === "week") {
         const d = new Date(entry.date);
         key = `Semaine ${getWeekNumber(d)} (${MONTHS_FR[d.getMonth()]} ${d.getFullYear()})`;
       } else {
         const ticket = typeof entry.ticket === "object" ? entry.ticket : null;
         const project = ticket && typeof ticket.project === "object" ? ticket.project : null;
-        key = project?.name || "Sans projet";
+        key = project?.name || t("billing.noProject");
       }
       if (!map.has(key)) map.set(key, []);
       map.get(key).push(entry);

package/dist/views/shared/StatusPill.cjs

@@ -1,30 +1,41 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
 var s = require('./StatusPill.module.scss');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var s__default = /*#__PURE__*/_interopDefault(s);
 
-const VARIANT_MAP = {
-  open: { cls: s__default.default.open, defaultLabel: "Ouvert" },
-  pending: { cls: s__default.default.pending, defaultLabel: "En attente" },
-  waiting_client: { cls: s__default.default.pending, defaultLabel: "Attente client" },
-  resolved: { cls: s__default.default.resolved, defaultLabel: "R\xE9solu" },
-  closed: { cls: s__default.default.neutral, defaultLabel: "Ferm\xE9" },
-  escalated: { cls: s__default.default.escalated, defaultLabel: "Escalad\xE9" },
-  "sla-breach": { cls: s__default.default.breach, defaultLabel: "SLA d\xE9pass\xE9" }
+const VARIANT_CLS = {
+  open: s__default.default.open,
+  pending: s__default.default.pending,
+  waiting_client: s__default.default.pending,
+  resolved: s__default.default.resolved,
+  closed: s__default.default.neutral,
+  escalated: s__default.default.escalated,
+  "sla-breach": s__default.default.breach
+};
+const STATUS_I18N_KEY = {
+  open: "ticket.status.open",
+  pending: "ticket.status.pending",
+  waiting_client: "ticket.status.waitingClient",
+  resolved: "ticket.status.resolved",
+  closed: "ticket.status.closed",
+  escalated: "ticket.status.escalated",
+  "sla-breach": "ticket.status.slaBreached"
 };
 const StatusPill = ({ status, label, className }) => {
-  const v = VARIANT_MAP[status] || VARIANT_MAP.open;
-  const text = label ?? v.defaultLabel;
+  const { t } = useTranslation.useTranslation();
+  const cls = VARIANT_CLS[status] || VARIANT_CLS.open;
+  const text = label ?? (STATUS_I18N_KEY[status] ? t(STATUS_I18N_KEY[status]) : status);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: [s__default.default.pill, v.cls, className].filter(Boolean).join(" "),
+      className: [s__default.default.pill, cls, className].filter(Boolean).join(" "),
       role: "status",
-      "aria-label": `Statut : ${text}`,
+      "aria-label": `${t("ticket.status.label")} : ${text}`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.dot, "aria-hidden": true }),
         text

package/dist/views/shared/StatusPill.js

@@ -1,24 +1,35 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
 import s from './StatusPill.module.scss';
 
-const VARIANT_MAP = {
-  open: { cls: s.open, defaultLabel: "Ouvert" },
-  pending: { cls: s.pending, defaultLabel: "En attente" },
-  waiting_client: { cls: s.pending, defaultLabel: "Attente client" },
-  resolved: { cls: s.resolved, defaultLabel: "R\xE9solu" },
-  closed: { cls: s.neutral, defaultLabel: "Ferm\xE9" },
-  escalated: { cls: s.escalated, defaultLabel: "Escalad\xE9" },
-  "sla-breach": { cls: s.breach, defaultLabel: "SLA d\xE9pass\xE9" }
+const VARIANT_CLS = {
+  open: s.open,
+  pending: s.pending,
+  waiting_client: s.pending,
+  resolved: s.resolved,
+  closed: s.neutral,
+  escalated: s.escalated,
+  "sla-breach": s.breach
+};
+const STATUS_I18N_KEY = {
+  open: "ticket.status.open",
+  pending: "ticket.status.pending",
+  waiting_client: "ticket.status.waitingClient",
+  resolved: "ticket.status.resolved",
+  closed: "ticket.status.closed",
+  escalated: "ticket.status.escalated",
+  "sla-breach": "ticket.status.slaBreached"
 };
 const StatusPill = ({ status, label, className }) => {
-  const v = VARIANT_MAP[status] || VARIANT_MAP.open;
-  const text = label ?? v.defaultLabel;
+  const { t } = useTranslation();
+  const cls = VARIANT_CLS[status] || VARIANT_CLS.open;
+  const text = label ?? (STATUS_I18N_KEY[status] ? t(STATUS_I18N_KEY[status]) : status);
   return /* @__PURE__ */ jsxs(
     "span",
     {
-      className: [s.pill, v.cls, className].filter(Boolean).join(" "),
+      className: [s.pill, cls, className].filter(Boolean).join(" "),
       role: "status",
-      "aria-label": `Statut : ${text}`,
+      "aria-label": `${t("ticket.status.label")} : ${text}`,
       children: [
         /* @__PURE__ */ jsx("span", { className: s.dot, "aria-hidden": true }),
         text

package/dist/views/shared/dateLocale.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const DATE_LOCALE = "fr-FR";
+
+exports.DATE_LOCALE = DATE_LOCALE;

package/dist/views/shared/dateLocale.js

@@ -0,0 +1,3 @@
+const DATE_LOCALE = "fr-FR";
+
+export { DATE_LOCALE };