@consilioweb/payload-support 0.16.0 → 1.0.0

package/dist/views/TicketInboxView/client.cjs

@@ -5,6 +5,7 @@ var react = require('react');
 var navigation = require('next/navigation');
 var Link = require('next/link');
 var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+var dateLocale = require('../shared/dateLocale');
 var StatusPill = require('../shared/StatusPill');
 var sla = require('../shared/sla');
 var s = require('../../styles/TicketInbox.module.scss');
@@ -27,16 +28,16 @@ const STATUS_VARIANT = {
   resolved: "resolved",
   closed: "closed"
 };
-function relativeTime(dateStr) {
+function relativeTime(dateStr, tFn) {
   const diff = Date.now() - new Date(dateStr).getTime();
   const mins = Math.floor(diff / 6e4);
-  if (mins < 1) return "maintenant";
+  if (mins < 1) return tFn("inbox.timeAgo.now");
   if (mins < 60) return `${mins}m`;
   const hours = Math.floor(mins / 60);
   if (hours < 24) return `${hours}h`;
   const days = Math.floor(hours / 24);
   if (days < 7) return `${days}j`;
-  return new Date(dateStr).toLocaleDateString("fr-FR", { day: "numeric", month: "short" });
+  return new Date(dateStr).toLocaleDateString(dateLocale.DATE_LOCALE, { day: "numeric", month: "short" });
 }
 const TicketInboxClient = () => {
   const { t } = useTranslation.useTranslation();
@@ -121,6 +122,8 @@ const TicketInboxClient = () => {
       params.push(`where[or][0][subject][contains]=${encodeURIComponent(search)}`);
       params.push(`where[or][1][ticketNumber][contains]=${encodeURIComponent(search)}`);
     }
+    params.push(`where[and][0][or][0][snoozeUntil][exists]=false`);
+    params.push(`where[and][0][or][1][snoozeUntil][less_than_equal]=${encodeURIComponent((/* @__PURE__ */ new Date()).toISOString())}`);
     try {
       const url = `/api/tickets?${params.join("&")}`;
       const res = await fetch(url, { credentials: "include" });
@@ -142,12 +145,13 @@ const TicketInboxClient = () => {
   react.useEffect(() => {
     const fetchCounts = async () => {
       try {
+        const sn = `where[and][0][or][0][snoozeUntil][exists]=false&where[and][0][or][1][snoozeUntil][less_than_equal]=${encodeURIComponent((/* @__PURE__ */ new Date()).toISOString())}`;
         const [all, openRes, waiting, resolved, breach] = await Promise.all([
-          fetch("/api/tickets?limit=0&depth=0", { credentials: "include" }),
-          fetch("/api/tickets?limit=0&depth=0&where[status][equals]=open", { credentials: "include" }),
-          fetch("/api/tickets?limit=0&depth=0&where[status][equals]=waiting_client", { credentials: "include" }),
-          fetch("/api/tickets?limit=0&depth=0&where[status][equals]=resolved", { credentials: "include" }),
-          fetch("/api/tickets?limit=0&depth=0&where[or][0][slaFirstResponseBreached][equals]=true&where[or][1][slaResolutionBreached][equals]=true", { credentials: "include" })
+          fetch(`/api/tickets?limit=0&depth=0&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets?limit=0&depth=0&where[status][equals]=open&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets?limit=0&depth=0&where[status][equals]=waiting_client&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets?limit=0&depth=0&where[status][equals]=resolved&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets?limit=0&depth=0&where[or][0][slaFirstResponseBreached][equals]=true&where[or][1][slaResolutionBreached][equals]=true&${sn}`, { credentials: "include" })
         ]);
         const [a, o, w, r, b] = await Promise.all([all.json(), openRes.json(), waiting.json(), resolved.json(), breach.json()]);
         setCounts({
@@ -325,11 +329,11 @@ const TicketInboxClient = () => {
                   sla$1.state === "warn" ? s__default.default.slaWarn : "",
                   sla$1.state === "ok" ? s__default.default.slaOk : ""
                 ].filter(Boolean).join(" "),
-                title: sla$1.due ? new Date(sla$1.due).toLocaleString("fr-FR") : "",
+                title: sla$1.due ? new Date(sla$1.due).toLocaleString(dateLocale.DATE_LOCALE) : "",
                 children: sla.formatSlaRemaining(sla$1.remainingMs)
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.timeAgo, children: relativeTime(tk.updatedAt) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.timeAgo, children: relativeTime(tk.updatedAt, t) }),
             isUnread ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.unreadDot }) : /* @__PURE__ */ jsxRuntime.jsx("span", {})
           ]
         },

package/dist/views/TicketInboxView/client.js

@@ -4,6 +4,7 @@ import { useState, useEffect, useCallback } from 'react';
 import { useSearchParams } from 'next/navigation';
 import Link from 'next/link';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
+import { DATE_LOCALE } from '../shared/dateLocale.js';
 import { StatusPill } from '../shared/StatusPill.js';
 import { computeSlaState, formatSlaRemaining } from '../shared/sla.js';
 import s from '../../styles/TicketInbox.module.scss';
@@ -21,16 +22,16 @@ const STATUS_VARIANT = {
   resolved: "resolved",
   closed: "closed"
 };
-function relativeTime(dateStr) {
+function relativeTime(dateStr, tFn) {
   const diff = Date.now() - new Date(dateStr).getTime();
   const mins = Math.floor(diff / 6e4);
-  if (mins < 1) return "maintenant";
+  if (mins < 1) return tFn("inbox.timeAgo.now");
   if (mins < 60) return `${mins}m`;
   const hours = Math.floor(mins / 60);
   if (hours < 24) return `${hours}h`;
   const days = Math.floor(hours / 24);
   if (days < 7) return `${days}j`;
-  return new Date(dateStr).toLocaleDateString("fr-FR", { day: "numeric", month: "short" });
+  return new Date(dateStr).toLocaleDateString(DATE_LOCALE, { day: "numeric", month: "short" });
 }
 const TicketInboxClient = () => {
   const { t } = useTranslation();
@@ -115,6 +116,8 @@ const TicketInboxClient = () => {
       params.push(`where[or][0][subject][contains]=${encodeURIComponent(search)}`);
       params.push(`where[or][1][ticketNumber][contains]=${encodeURIComponent(search)}`);
     }
+    params.push(`where[and][0][or][0][snoozeUntil][exists]=false`);
+    params.push(`where[and][0][or][1][snoozeUntil][less_than_equal]=${encodeURIComponent((/* @__PURE__ */ new Date()).toISOString())}`);
     try {
       const url = `/api/tickets?${params.join("&")}`;
       const res = await fetch(url, { credentials: "include" });
@@ -136,12 +139,13 @@ const TicketInboxClient = () => {
   useEffect(() => {
     const fetchCounts = async () => {
       try {
+        const sn = `where[and][0][or][0][snoozeUntil][exists]=false&where[and][0][or][1][snoozeUntil][less_than_equal]=${encodeURIComponent((/* @__PURE__ */ new Date()).toISOString())}`;
         const [all, openRes, waiting, resolved, breach] = await Promise.all([
-          fetch("/api/tickets?limit=0&depth=0", { credentials: "include" }),
-          fetch("/api/tickets?limit=0&depth=0&where[status][equals]=open", { credentials: "include" }),
-          fetch("/api/tickets?limit=0&depth=0&where[status][equals]=waiting_client", { credentials: "include" }),
-          fetch("/api/tickets?limit=0&depth=0&where[status][equals]=resolved", { credentials: "include" }),
-          fetch("/api/tickets?limit=0&depth=0&where[or][0][slaFirstResponseBreached][equals]=true&where[or][1][slaResolutionBreached][equals]=true", { credentials: "include" })
+          fetch(`/api/tickets?limit=0&depth=0&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets?limit=0&depth=0&where[status][equals]=open&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets?limit=0&depth=0&where[status][equals]=waiting_client&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets?limit=0&depth=0&where[status][equals]=resolved&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets?limit=0&depth=0&where[or][0][slaFirstResponseBreached][equals]=true&where[or][1][slaResolutionBreached][equals]=true&${sn}`, { credentials: "include" })
         ]);
         const [a, o, w, r, b] = await Promise.all([all.json(), openRes.json(), waiting.json(), resolved.json(), breach.json()]);
         setCounts({
@@ -319,11 +323,11 @@ const TicketInboxClient = () => {
                   sla.state === "warn" ? s.slaWarn : "",
                   sla.state === "ok" ? s.slaOk : ""
                 ].filter(Boolean).join(" "),
-                title: sla.due ? new Date(sla.due).toLocaleString("fr-FR") : "",
+                title: sla.due ? new Date(sla.due).toLocaleString(DATE_LOCALE) : "",
                 children: formatSlaRemaining(sla.remainingMs)
               }
             ),
-            /* @__PURE__ */ jsx("span", { className: s.timeAgo, children: relativeTime(tk.updatedAt) }),
+            /* @__PURE__ */ jsx("span", { className: s.timeAgo, children: relativeTime(tk.updatedAt, t) }),
             isUnread ? /* @__PURE__ */ jsx("div", { className: s.unreadDot }) : /* @__PURE__ */ jsx("span", {})
           ]
         },

package/dist/views/TicketingSettingsView/client.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var React = require('react');
 var lucideReact = require('lucide-react');
 var adminTokens = require('../shared/adminTokens');
 var AdminViewHeader = require('../shared/AdminViewHeader');
@@ -11,6 +11,7 @@ var ts = require('../../styles/TicketingSettings.module.scss');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var React__default = /*#__PURE__*/_interopDefault(React);
 var ts__default = /*#__PURE__*/_interopDefault(ts);
 
 const DEFAULT_SETTINGS = {
@@ -102,31 +103,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: adminTokens.V.blue },
-  { key: "communication", label: "Communication", color: adminTokens.V.green },
-  { key: "productivity", label: "Productivit\xE9", color: adminTokens.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: adminTokens.V.blue },
+    { key: "communication", label: t("settingsView.categories.communication"), color: adminTokens.V.green },
+    { key: "productivity", label: t("settingsView.categories.productivity"), color: adminTokens.V.amber },
+    { key: "advanced", label: t("settingsView.categories.advanced"), color: "#7c3aed" }
+  ];
+}
 const Toggle = ({ checked, onChange, color = adminTokens.V.blue, size = "md" }) => {
   const w = size === "sm" ? 36 : 40;
   const h = size === "sm" ? 20 : 22;
@@ -169,7 +174,7 @@ const Toggle = ({ checked, onChange, color = adminTokens.V.blue, size = "md" })
   );
 };
 const CollapsibleSection = ({ title, icon, color, defaultOpen = true, children, badge }) => {
-  const [open, setOpen] = react.useState(defaultOpen);
+  const [open, setOpen] = React.useState(defaultOpen);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.sectionWrapper, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -205,14 +210,16 @@ const FieldRow = ({ label, description, children }) => /* @__PURE__ */ jsxRuntim
 ] });
 const TicketingSettingsClient = () => {
   const { t } = useTranslation.useTranslation();
-  const [features, setFeatures] = react.useState(() => config.getFeatures());
-  const [settings, setSettings] = react.useState(DEFAULT_SETTINGS);
-  const [signature, setSignature] = react.useState("");
-  const [saved, setSaved] = react.useState(false);
-  const [saving, setSaving] = react.useState(false);
-  const [showApiKey, setShowApiKey] = react.useState(false);
-  const [loadingSettings, setLoadingSettings] = react.useState(true);
-  react.useEffect(() => {
+  const FEATURE_LIST = React__default.default.useMemo(() => getFeatureList(t), [t]);
+  const CATEGORIES = React__default.default.useMemo(() => getCategories(t), [t]);
+  const [features, setFeatures] = React.useState(() => config.getFeatures());
+  const [settings, setSettings] = React.useState(DEFAULT_SETTINGS);
+  const [signature, setSignature] = React.useState("");
+  const [saved, setSaved] = React.useState(false);
+  const [saving, setSaving] = React.useState(false);
+  const [showApiKey, setShowApiKey] = React.useState(false);
+  const [loadingSettings, setLoadingSettings] = React.useState(true);
+  React.useEffect(() => {
     let cancelled = false;
     Promise.all([fetchSettingsFromAPI(), fetchUserPrefs()]).then(([s, prefs]) => {
       if (!cancelled) {
@@ -350,13 +357,13 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsibleSection,
       {
-        title: "Configuration Email",
+        title: t("settingsView.emailConfig"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { size: 16 }),
         color: "#ea580c",
         defaultOpen: false,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: "Parametres d'envoi des notifications email. L'adresse SMTP est configuree via les variables d'environnement du serveur." }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Adresse expediteur", description: "Adresse email affichee dans le champ From", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.emailDescription") }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.senderAddress"), description: t("settingsView.senderAddressDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               type: "email",
@@ -366,7 +373,7 @@ const TicketingSettingsClient = () => {
               className: ts__default.default.input
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Nom expediteur", description: "Nom affiche a cote de l'adresse email", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.senderName"), description: t("settingsView.senderNameDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               type: "text",
@@ -376,7 +383,7 @@ const TicketingSettingsClient = () => {
               className: ts__default.default.input
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Adresse Reply-To", description: "Si differente de l'adresse expediteur", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.replyTo"), description: t("settingsView.replyToDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               type: "email",
@@ -387,7 +394,7 @@ const TicketingSettingsClient = () => {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.separator }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Serveur SMTP", description: "Configure via variables d'environnement", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.smtpServer"), description: t("settingsView.smtpServerDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               type: "text",
@@ -396,7 +403,7 @@ const TicketingSettingsClient = () => {
               className: ts__default.default.inputReadonly
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Port SMTP", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.smtpPort"), children: /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               type: "text",
@@ -412,14 +419,14 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsibleSection,
       {
-        title: "Intelligence Artificielle",
+        title: t("settingsView.aiTitle"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { size: 16 }),
         color: "#7c3aed",
         defaultOpen: false,
-        badge: features.ai ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.badge, style: { backgroundColor: "#dcfce7", color: "#166534" }, children: "Active" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.badge, style: { backgroundColor: "#fee2e2", color: "#991b1b" }, children: "Inactive" }),
+        badge: features.ai ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.badge, style: { backgroundColor: "#dcfce7", color: "#166534" }, children: t("settingsView.aiBadgeActive") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.badge, style: { backgroundColor: "#fee2e2", color: "#991b1b" }, children: t("settingsView.aiBadgeInactive") }),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.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__ */ jsxRuntime.jsx(FieldRow, { label: "Fournisseur", description: "Service d'IA utilise pour l'analyse", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.aiDescription") }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.aiProvider"), description: t("settingsView.aiProviderDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs(
             "select",
             {
               value: settings.ai.provider,
@@ -433,7 +440,7 @@ const TicketingSettingsClient = () => {
               ]
             }
           ) }),
-          settings.ai.provider !== "ollama" && /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Cle API", description: "Cle secrete du fournisseur (non stockee en clair)", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.apiKeyRow, children: [
+          settings.ai.provider !== "ollama" && /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.aiApiKey"), description: t("settingsView.aiApiKeyDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.apiKeyRow, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
@@ -450,11 +457,11 @@ const TicketingSettingsClient = () => {
               {
                 onClick: () => setShowApiKey(!showApiKey),
                 className: ts__default.default.apiKeyToggle,
-                children: showApiKey ? "Masquer" : "Afficher"
+                children: showApiKey ? t("settingsView.hideKey") : t("settingsView.showKey")
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Modele", description: "Nom du modele a utiliser", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.aiModel"), description: t("settingsView.aiModelDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               type: "text",
@@ -465,12 +472,12 @@ const TicketingSettingsClient = () => {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.separator }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.aiSubFeaturesLabel, children: "Fonctionnalit\xE9s IA individuelles" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.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__ */ jsxRuntime.jsxs("div", { className: ts__default.default.aiToggleRow, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Toggle,
@@ -492,13 +499,13 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsibleSection,
       {
-        title: "SLA (Accords de niveau de service)",
+        title: t("settingsView.slaTitle"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { size: 16 }),
         color: "#0891b2",
         defaultOpen: false,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.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__ */ jsxRuntime.jsx(FieldRow, { label: "Premiere reponse", description: "D\xE9lai maximum en minutes (d\xE9faut : 120 = 2h)", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.slaDescription") }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.slaFirstResponse"), description: t("settingsView.slaFirstResponseDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
@@ -510,14 +517,15 @@ const TicketingSettingsClient = () => {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ts__default.default.slaHint, children: [
-              "minutes (",
+              t("settingsView.minutes"),
+              " (",
               Math.floor(settings.sla.firstResponseMinutes / 60),
               "h",
               String(settings.sla.firstResponseMinutes % 60).padStart(2, "0"),
               ")"
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "R\xE9solution", description: "D\xE9lai maximum en minutes (d\xE9faut : 1440 = 24h)", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.slaResolution"), description: t("settingsView.slaResolutionDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
@@ -529,7 +537,8 @@ const TicketingSettingsClient = () => {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ts__default.default.slaHint, children: [
-              "minutes (",
+              t("settingsView.minutes"),
+              " (",
               Math.floor(settings.sla.resolutionMinutes / 60),
               "h",
               String(settings.sla.resolutionMinutes % 60).padStart(2, "0"),
@@ -547,12 +556,12 @@ const TicketingSettingsClient = () => {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.inlineLabel, children: "Heures ouvrables uniquement" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.inlineDesc, children: "Le decompte SLA est suspendu en dehors des heures de bureau (Lun-Ven, 9h-18h)" })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.inlineLabel, children: t("settingsView.businessHoursOnly") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.inlineDesc, children: t("settingsView.businessHoursDesc") })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.separator }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Email d'escalade", description: "Adresse notifiee en cas de depassement SLA", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.escalationEmail"), description: t("settingsView.escalationEmailDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               type: "email",
@@ -568,7 +577,7 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsibleSection,
       {
-        title: "Fermeture automatique",
+        title: t("settingsView.autoCloseTitle"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Timer, { size: 16 }),
         color: "#d97706",
         defaultOpen: false,
@@ -577,7 +586,7 @@ const TicketingSettingsClient = () => {
           "j"
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.badge, style: { backgroundColor: "#e5e7eb", color: "#374151" }, children: "Off" }),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.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__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.autoCloseDescription") }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.toggleRow, style: { paddingBottom: 14 }, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Toggle,
@@ -587,10 +596,10 @@ const TicketingSettingsClient = () => {
                 color: "#d97706"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.inlineLabel, children: "Activer la fermeture automatique" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.inlineLabel, children: t("settingsView.autoCloseEnable") })
           ] }),
           settings.autoClose.enabled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Delai avant fermeture", description: "Nombre de jours sans reponse du client", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.autoCloseDelay"), description: t("settingsView.autoCloseDelayDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "input",
                 {
@@ -602,9 +611,9 @@ const TicketingSettingsClient = () => {
                   className: ts__default.default.numberInput
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.slaHint, children: "jours" })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.slaHint, children: t("settingsView.days") })
             ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Rappel avant fermeture", description: "Email de rappel envoye X jours avant", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.autoCloseReminder"), description: t("settingsView.autoCloseReminderDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "input",
                 {
@@ -616,11 +625,7 @@ const TicketingSettingsClient = () => {
                   className: ts__default.default.numberInput
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ts__default.default.slaHint, children: [
-                "jours avant (rappel a J-",
-                settings.autoClose.reminderDaysBefore,
-                ")"
-              ] })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.slaHint, children: t("settingsView.autoCloseDaysBeforeReminder", { count: String(settings.autoClose.reminderDaysBefore) }) })
             ] }) })
           ] })
         ]
@@ -634,27 +639,27 @@ const TicketingSettingsClient = () => {
       background: "linear-gradient(135deg, #dbeafe 0%, #ede9fe 100%)",
       border: "1px solid #c7d2fe"
     }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 700, fontSize: 15, color: "#1e293b" }, children: "Mes preferences" }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: { fontWeight: 700, fontSize: 15, color: "#1e293b" }, children: t("settingsView.myPreferences") }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: "#64748b", marginTop: 2 }, children: t("settingsView.myPreferencesDesc") })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsibleSection,
       {
-        title: "Langue et localisation",
+        title: t("settingsView.localeTitle"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 16 }),
         color: "#16a34a",
         defaultOpen: false,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: "Langue de l'interface du module de support et des notifications email envoyees aux clients." }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Langue", description: "Langue principale du module", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.localeDescription") }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.language"), description: t("settingsView.languageDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs(
             "select",
             {
               value: settings.locale.language,
               onChange: (e) => updateLocale("language", e.target.value),
               className: ts__default.default.select,
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "fr", children: "Francais" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "en", children: "English" })
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "fr", children: t("settingsView.french") }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "en", children: t("settingsView.english") })
               ]
             }
           ) })
@@ -664,12 +669,12 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsibleSection,
       {
-        title: "Signature email",
+        title: t("settingsView.signatureTitle"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileSignature, { size: 16 }),
         color: "#6366f1",
         defaultOpen: false,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: "Signature ajoutee automatiquement en bas de chaque reponse email envoyee au client. Supporte le texte brut et le HTML basique." }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.signatureDescription") }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "textarea",
             {
@@ -678,7 +683,7 @@ const TicketingSettingsClient = () => {
                 setSignature(e.target.value);
                 setSaved(false);
               },
-              placeholder: "Cordialement,\nL'equipe ConsilioWEB",
+              placeholder: t("settingsView.signaturePlaceholder"),
               rows: 6,
               className: ts__default.default.signatureTextarea
             }
@@ -686,28 +691,28 @@ const TicketingSettingsClient = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(CollapsibleSection, { title: "Purge des logs", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { size: 18 }), color: "#ef4444", defaultOpen: false, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: "Supprimez les anciens logs pour lib\xE9rer de l'espace. Cette action est irr\xE9versible." }),
+    /* @__PURE__ */ jsxRuntime.jsxs(CollapsibleSection, { title: t("settingsView.purgeTitle"), icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { size: 18 }), color: "#ef4444", defaultOpen: false, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.purgeDescription") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.purgeGroup, children: ["email-logs", "auth-logs"].map((col) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.purgeCategory, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.purgeCategoryLabel, children: col === "email-logs" ? "Logs Email" : "Logs Auth" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.purgeCategoryLabel, children: col === "email-logs" ? t("settingsView.purgeEmailLogs") : t("settingsView.purgeAuthLogs") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.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__ */ jsxRuntime.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: { ...adminTokens.btnStyle(opt.days === 0 ? "#ef4444" : "var(--theme-elevation-500)", { small: true }), fontSize: 11 },
@@ -718,14 +723,14 @@ const TicketingSettingsClient = () => {
       ] }, col)) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.bottomBar, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleReset, style: adminTokens.btnStyle("var(--theme-elevation-400)", { small: true }), children: "R\xE9initialiser tout" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleReset, style: adminTokens.btnStyle("var(--theme-elevation-400)", { small: true }), children: t("settingsView.resetAll") }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           onClick: handleSave,
           disabled: saving,
           style: adminTokens.btnStyle(saved ? adminTokens.V.green : adminTokens.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")
         }
       )
     ] })