@consilioweb/payload-support 0.16.0 → 1.1.0

package/dist/views/BillingView/client.cjs

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+var dateLocale = require('../shared/dateLocale');
 var styles = require('../../styles/BillingView.module.scss');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -168,41 +169,41 @@ const BillingClient = () => {
   const copyRecap = React.useCallback(() => {
     if (!data) return;
     const lines = [];
-    lines.push(`PRE-FACTURATION \u2014 Du ${from} au ${to}`);
-    lines.push(`Taux horaire : ${rate} EUR/h`);
+    lines.push(t("billing.recap.header", { from, to }));
+    lines.push(t("billing.recap.hourlyRate", { rate: String(rate) }));
     lines.push("=".repeat(50));
     for (const group of visibleGroups) {
       lines.push("");
-      lines.push(`PROJET : ${group.project?.name || "Sans projet"}`);
-      if (group.client?.company) lines.push(`Client : ${group.client.company}`);
+      lines.push(group.project?.name ? t("billing.recap.project", { name: group.project.name }) : t("billing.recap.project", { name: t("billing.recap.noProject") }));
+      if (group.client?.company) lines.push(t("billing.recap.client", { company: group.client.company }));
       lines.push("-".repeat(40));
       for (const ticket of group.tickets) {
-        const flag = ticket.hasNoTimeEntries ? " [AUCUN TEMPS SAISI]" : "";
+        const flag = ticket.hasNoTimeEntries ? t("billing.recap.noTime") : "";
         lines.push(`  ${ticket.ticketNumber} \u2014 ${ticket.subject}${flag}`);
         for (const entry of ticket.entries) {
           lines.push(`    ${entry.date} | ${formatDuration(entry.duration)} | ${entry.description || "-"}`);
         }
         if (ticket.entries.length > 0) {
           const ticketAmount = ticket.billedAmount || Number(formatAmount(ticket.totalMinutes, rate));
-          lines.push(`    Sous-total : ${formatDuration(ticket.totalMinutes)} = ${ticketAmount.toFixed(2)} EUR${ticket.billedAmount ? " (forfait)" : ""}`);
+          lines.push(`    ${t("billing.recap.subtotal")} : ${formatDuration(ticket.totalMinutes)} = ${ticketAmount.toFixed(2)}${t("billing.recap.eur")}${ticket.billedAmount ? t("billing.recap.forfait") : ""}`);
         }
         if (ticket.aiSummary) {
-          lines.push("    Detail des actions :");
+          lines.push(`    ${t("billing.recap.actionDetails")} :`);
           for (const detailLine of ticket.aiSummary.split("\n")) {
             lines.push(`    ${detailLine}`);
           }
         }
       }
       const groupAmount = group.totalBilledAmount > 0 ? group.totalBilledAmount : Number(formatAmount(group.totalMinutes, rate));
-      lines.push(`  Total projet : ${formatDuration(group.totalMinutes)} = ${groupAmount.toFixed(2)} EUR`);
+      lines.push(`  ${t("billing.recap.projectTotal")} : ${formatDuration(group.totalMinutes)} = ${groupAmount.toFixed(2)}${t("billing.recap.eur")}`);
     }
     lines.push("");
     lines.push("=".repeat(50));
-    lines.push(`TOTAL GENERAL : ${formatDuration(data.grandTotalMinutes)} = ${formatAmount(data.grandTotalMinutes, rate)} EUR`);
+    lines.push(`${t("billing.recap.grandTotal")} : ${formatDuration(data.grandTotalMinutes)} = ${formatAmount(data.grandTotalMinutes, rate)}${t("billing.recap.eur")}`);
     navigator.clipboard.writeText(lines.join("\n"));
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
-  }, [data, visibleGroups, from, to, rate]);
+  }, [data, visibleGroups, from, to, rate, t]);
   const copyTicketSummary = React.useCallback((ticket) => {
     const lines = [`${ticket.ticketNumber} \u2014 ${ticket.subject}`];
     if (ticket.aiSummary) lines.push("", ticket.aiSummary);
@@ -258,24 +259,17 @@ const BillingClient = () => {
     ] }),
     data && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       data.ticketsWithoutTime > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.warningBanner, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: data.ticketsWithoutTime }),
-          " ticket",
-          data.ticketsWithoutTime > 1 ? "s" : "",
-          " actif",
-          data.ticketsWithoutTime > 1 ? "s" : "",
-          " sans temps saisi sur la periode."
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: data.ticketsWithoutTime > 1 ? t("billing.warningTicketsPlural", { count: String(data.ticketsWithoutTime) }) : t("billing.warningTickets", { count: String(data.ticketsWithoutTime) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("label", { className: styles__default.default.toggleLabel, children: [
           /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: hideEmpty, onChange: (e) => setHideEmpty(e.target.checked) }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Masquer ces tickets" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("billing.hideEmpty") })
         ] })
       ] }),
       visibleGroups.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.empty, children: t("billing.empty") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         visibleGroups.map((group, gi) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.groupCard, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.groupHeader, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.groupName, children: group.project?.name || "Sans projet" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.groupName, children: group.project?.name || t("billing.noProject") }),
               group.client?.company && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles__default.default.groupClient, children: [
                 "\u2014 ",
                 group.client.company
@@ -286,7 +280,8 @@ const BillingClient = () => {
               group.totalBilledAmount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.groupAmountBilled, children: [
                   group.totalBilledAmount.toFixed(2),
-                  " EUR facture"
+                  " EUR ",
+                  t("billing.groupAmountBilled")
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.groupAmountStrike, children: [
                   formatAmount(group.totalMinutes, rate),
@@ -316,16 +311,16 @@ const BillingClient = () => {
                     });
                   },
                   className: styles__default.default.checkbox,
-                  title: "Tout cocher/decocher"
+                  title: t("billing.tableCheckboxTitle")
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: "N\xB0 Ticket" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.thLeft, children: "Sujet" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: "Date" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: "Duree" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.thLeft, children: "Description" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: "Montant" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: "Facture" })
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: t("billing.tableHeaders.number") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.thLeft, children: t("billing.tableHeaders.subject") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: t("billing.tableHeaders.date") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: t("billing.tableHeaders.duration") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.thLeft, children: t("billing.tableHeaders.description") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: t("billing.tableHeaders.amount") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: styles__default.default.th, children: t("billing.tableHeaders.billed") })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: group.tickets.map((ticket) => {
               const isBilled = billedTickets.has(ticket.id);
@@ -340,7 +335,7 @@ const BillingClient = () => {
                     checked: isBilled,
                     onChange: () => toggleBilled(ticket.id),
                     className: styles__default.default.checkbox,
-                    title: isBilled ? "Marquer comme non facture" : "Marquer comme facture"
+                    title: isBilled ? t("billing.markUnbilledTitle") : t("billing.markBilledTitle")
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("td", { className: `${styles__default.default.td} ${styles__default.default.bold} ${isBilled ? styles__default.default.strikethrough : ""}`, rowSpan, children: [
@@ -350,7 +345,7 @@ const BillingClient = () => {
                     {
                       className: styles__default.default.summaryBtn,
                       onClick: () => toggleSummary(ticket.id),
-                      title: isExpanded ? "Masquer le detail" : "Afficher le detail IA",
+                      title: isExpanded ? t("billing.summaryToggleHide") : t("billing.summaryToggleShow"),
                       children: [
                         isExpanded ? "\u25BC" : "\u25B6",
                         " IA"
@@ -360,7 +355,7 @@ const BillingClient = () => {
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("td", { className: `${styles__default.default.tdLeft} ${isBilled ? styles__default.default.strikethrough : ""}`, rowSpan, children: [
                   ticket.subject,
-                  ticket.hasNoTimeEntries && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.noTimeBadge, title: "Aucun temps saisi sur la periode", children: "\u26A0 Aucun temps saisi" })
+                  ticket.hasNoTimeEntries && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.noTimeBadge, title: t("billing.noTimeBadgeTitle"), children: t("billing.noTimeBadge") })
                 ] })
               ] });
               const rows = [];
@@ -372,7 +367,7 @@ const BillingClient = () => {
                       className: `${isBilled ? styles__default.default.tableRowBilled : styles__default.default.tableRowNoTime}`,
                       children: [
                         renderTicketHeaderCells(),
-                        /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${styles__default.default.td} ${styles__default.default.secondary}`, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx("em", { children: "Pas de saisie de temps. Verifier si du temps a ete oublie." }) })
+                        /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${styles__default.default.td} ${styles__default.default.secondary}`, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx("em", { children: t("billing.noTimeRow") }) })
                       ]
                     },
                     `${ticket.id}-empty`
@@ -413,18 +408,15 @@ const BillingClient = () => {
                 rows.push(
                   /* @__PURE__ */ jsxRuntime.jsx("tr", { className: styles__default.default.summaryRow, children: /* @__PURE__ */ jsxRuntime.jsxs("td", { colSpan: 8, className: styles__default.default.summaryCell, children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.summaryHeader, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Synthese IA des actions" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: t("billing.summaryTitle") }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.summaryActions, children: [
-                        ticket.aiSummaryGeneratedAt && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles__default.default.summaryMeta, children: [
-                          "Genere le ",
-                          new Date(ticket.aiSummaryGeneratedAt).toLocaleString("fr-FR")
-                        ] }),
+                        ticket.aiSummaryGeneratedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.summaryMeta, children: t("billing.summaryGeneratedAt", { date: new Date(ticket.aiSummaryGeneratedAt).toLocaleString(dateLocale.DATE_LOCALE) }) }),
                         ticket.aiSummary && /* @__PURE__ */ jsxRuntime.jsx(
                           "button",
                           {
                             className: styles__default.default.summaryAction,
                             onClick: () => copyTicketSummary(ticket),
-                            children: "Copier"
+                            children: t("billing.summaryCopy")
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsx(
@@ -433,12 +425,12 @@ const BillingClient = () => {
                             className: styles__default.default.summaryAction,
                             onClick: () => requestSynthesis(ticket.id, !!ticket.aiSummary),
                             disabled: isRegenerating,
-                            children: isRegenerating ? "Generation..." : ticket.aiSummary ? "Regenerer" : "Generer"
+                            children: isRegenerating ? t("billing.summaryGenerating") : ticket.aiSummary ? t("billing.summaryRegenerate") : t("billing.summaryGenerate")
                           }
                         )
                       ] })
                     ] }),
-                    ticket.aiSummaryStatus === "pending" && !ticket.aiSummary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.summaryEmpty, children: 'Generation en cours en arriere-plan. Cliquer sur "Generer" pour forcer.' }) : ticket.aiSummary ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: styles__default.default.summaryText, children: ticket.aiSummary }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.summaryEmpty, children: 'Pas de synthese disponible. La synthese est generee automatiquement quand le ticket passe en "resolu", ou manuellement via le bouton "Generer".' })
+                    ticket.aiSummaryStatus === "pending" && !ticket.aiSummary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.summaryEmpty, children: t("billing.summaryPending") }) : ticket.aiSummary ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: styles__default.default.summaryText, children: ticket.aiSummary }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.summaryEmpty, children: t("billing.summaryEmpty") })
                   ] }) }, `${ticket.id}-summary`)
                 );
               }
@@ -449,21 +441,15 @@ const BillingClient = () => {
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.grandTotal, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.totalMeta, children: [
-              totalTickets,
-              " ticket",
-              totalTickets > 1 ? "s" : "",
-              " affiche",
-              totalTickets > 1 ? "s" : "",
-              billedTickets.size > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles__default.default.totalChecked, children: [
-                "(",
-                allTicketIds.filter((id) => billedTickets.has(id)).length,
-                " coche",
-                allTicketIds.filter((id) => billedTickets.has(id)).length > 1 ? "s" : "",
-                ")"
-              ] })
+              totalTickets > 1 ? t("billing.ticketsDisplayedPlural", { count: String(totalTickets) }) : t("billing.ticketsDisplayed", { count: String(totalTickets) }),
+              billedTickets.size > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.totalChecked, children: (() => {
+                const checkedCount = allTicketIds.filter((id) => billedTickets.has(id)).length;
+                return checkedCount > 1 ? `(${t("billing.ticketsCheckedPlural", { count: String(checkedCount) })})` : `(${t("billing.ticketsChecked", { count: String(checkedCount) })})`;
+              })() })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.totalAmount, children: [
-              "Total : ",
+              t("billing.totalLabel"),
+              " : ",
               formatDuration(data.grandTotalMinutes),
               " =",
               " ",

package/dist/views/BillingView/client.js

@@ -2,6 +2,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useState, useCallback } from 'react';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
+import { DATE_LOCALE } from '../shared/dateLocale.js';
 import styles from '../../styles/BillingView.module.scss';
 
 function formatDuration(minutes) {
@@ -162,41 +163,41 @@ const BillingClient = () => {
   const copyRecap = useCallback(() => {
     if (!data) return;
     const lines = [];
-    lines.push(`PRE-FACTURATION \u2014 Du ${from} au ${to}`);
-    lines.push(`Taux horaire : ${rate} EUR/h`);
+    lines.push(t("billing.recap.header", { from, to }));
+    lines.push(t("billing.recap.hourlyRate", { rate: String(rate) }));
     lines.push("=".repeat(50));
     for (const group of visibleGroups) {
       lines.push("");
-      lines.push(`PROJET : ${group.project?.name || "Sans projet"}`);
-      if (group.client?.company) lines.push(`Client : ${group.client.company}`);
+      lines.push(group.project?.name ? t("billing.recap.project", { name: group.project.name }) : t("billing.recap.project", { name: t("billing.recap.noProject") }));
+      if (group.client?.company) lines.push(t("billing.recap.client", { company: group.client.company }));
       lines.push("-".repeat(40));
       for (const ticket of group.tickets) {
-        const flag = ticket.hasNoTimeEntries ? " [AUCUN TEMPS SAISI]" : "";
+        const flag = ticket.hasNoTimeEntries ? t("billing.recap.noTime") : "";
         lines.push(`  ${ticket.ticketNumber} \u2014 ${ticket.subject}${flag}`);
         for (const entry of ticket.entries) {
           lines.push(`    ${entry.date} | ${formatDuration(entry.duration)} | ${entry.description || "-"}`);
         }
         if (ticket.entries.length > 0) {
           const ticketAmount = ticket.billedAmount || Number(formatAmount(ticket.totalMinutes, rate));
-          lines.push(`    Sous-total : ${formatDuration(ticket.totalMinutes)} = ${ticketAmount.toFixed(2)} EUR${ticket.billedAmount ? " (forfait)" : ""}`);
+          lines.push(`    ${t("billing.recap.subtotal")} : ${formatDuration(ticket.totalMinutes)} = ${ticketAmount.toFixed(2)}${t("billing.recap.eur")}${ticket.billedAmount ? t("billing.recap.forfait") : ""}`);
         }
         if (ticket.aiSummary) {
-          lines.push("    Detail des actions :");
+          lines.push(`    ${t("billing.recap.actionDetails")} :`);
           for (const detailLine of ticket.aiSummary.split("\n")) {
             lines.push(`    ${detailLine}`);
           }
         }
       }
       const groupAmount = group.totalBilledAmount > 0 ? group.totalBilledAmount : Number(formatAmount(group.totalMinutes, rate));
-      lines.push(`  Total projet : ${formatDuration(group.totalMinutes)} = ${groupAmount.toFixed(2)} EUR`);
+      lines.push(`  ${t("billing.recap.projectTotal")} : ${formatDuration(group.totalMinutes)} = ${groupAmount.toFixed(2)}${t("billing.recap.eur")}`);
     }
     lines.push("");
     lines.push("=".repeat(50));
-    lines.push(`TOTAL GENERAL : ${formatDuration(data.grandTotalMinutes)} = ${formatAmount(data.grandTotalMinutes, rate)} EUR`);
+    lines.push(`${t("billing.recap.grandTotal")} : ${formatDuration(data.grandTotalMinutes)} = ${formatAmount(data.grandTotalMinutes, rate)}${t("billing.recap.eur")}`);
     navigator.clipboard.writeText(lines.join("\n"));
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
-  }, [data, visibleGroups, from, to, rate]);
+  }, [data, visibleGroups, from, to, rate, t]);
   const copyTicketSummary = useCallback((ticket) => {
     const lines = [`${ticket.ticketNumber} \u2014 ${ticket.subject}`];
     if (ticket.aiSummary) lines.push("", ticket.aiSummary);
@@ -252,24 +253,17 @@ const BillingClient = () => {
     ] }),
     data && /* @__PURE__ */ jsxs(Fragment, { children: [
       data.ticketsWithoutTime > 0 && /* @__PURE__ */ jsxs("div", { className: styles.warningBanner, children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("strong", { children: data.ticketsWithoutTime }),
-          " ticket",
-          data.ticketsWithoutTime > 1 ? "s" : "",
-          " actif",
-          data.ticketsWithoutTime > 1 ? "s" : "",
-          " sans temps saisi sur la periode."
-        ] }),
+        /* @__PURE__ */ jsx("span", { children: data.ticketsWithoutTime > 1 ? t("billing.warningTicketsPlural", { count: String(data.ticketsWithoutTime) }) : t("billing.warningTickets", { count: String(data.ticketsWithoutTime) }) }),
         /* @__PURE__ */ jsxs("label", { className: styles.toggleLabel, children: [
           /* @__PURE__ */ jsx("input", { type: "checkbox", checked: hideEmpty, onChange: (e) => setHideEmpty(e.target.checked) }),
-          /* @__PURE__ */ jsx("span", { children: "Masquer ces tickets" })
+          /* @__PURE__ */ jsx("span", { children: t("billing.hideEmpty") })
         ] })
       ] }),
       visibleGroups.length === 0 ? /* @__PURE__ */ jsx("div", { className: styles.empty, children: t("billing.empty") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         visibleGroups.map((group, gi) => /* @__PURE__ */ jsxs("div", { className: styles.groupCard, children: [
           /* @__PURE__ */ jsxs("div", { className: styles.groupHeader, children: [
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("span", { className: styles.groupName, children: group.project?.name || "Sans projet" }),
+              /* @__PURE__ */ jsx("span", { className: styles.groupName, children: group.project?.name || t("billing.noProject") }),
               group.client?.company && /* @__PURE__ */ jsxs("span", { className: styles.groupClient, children: [
                 "\u2014 ",
                 group.client.company
@@ -280,7 +274,8 @@ const BillingClient = () => {
               group.totalBilledAmount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.groupAmountBilled, children: [
                   group.totalBilledAmount.toFixed(2),
-                  " EUR facture"
+                  " EUR ",
+                  t("billing.groupAmountBilled")
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: styles.groupAmountStrike, children: [
                   formatAmount(group.totalMinutes, rate),
@@ -310,16 +305,16 @@ const BillingClient = () => {
                     });
                   },
                   className: styles.checkbox,
-                  title: "Tout cocher/decocher"
+                  title: t("billing.tableCheckboxTitle")
                 }
               ) }),
-              /* @__PURE__ */ jsx("th", { className: styles.th, children: "N\xB0 Ticket" }),
-              /* @__PURE__ */ jsx("th", { className: styles.thLeft, children: "Sujet" }),
-              /* @__PURE__ */ jsx("th", { className: styles.th, children: "Date" }),
-              /* @__PURE__ */ jsx("th", { className: styles.th, children: "Duree" }),
-              /* @__PURE__ */ jsx("th", { className: styles.thLeft, children: "Description" }),
-              /* @__PURE__ */ jsx("th", { className: styles.th, children: "Montant" }),
-              /* @__PURE__ */ jsx("th", { className: styles.th, children: "Facture" })
+              /* @__PURE__ */ jsx("th", { className: styles.th, children: t("billing.tableHeaders.number") }),
+              /* @__PURE__ */ jsx("th", { className: styles.thLeft, children: t("billing.tableHeaders.subject") }),
+              /* @__PURE__ */ jsx("th", { className: styles.th, children: t("billing.tableHeaders.date") }),
+              /* @__PURE__ */ jsx("th", { className: styles.th, children: t("billing.tableHeaders.duration") }),
+              /* @__PURE__ */ jsx("th", { className: styles.thLeft, children: t("billing.tableHeaders.description") }),
+              /* @__PURE__ */ jsx("th", { className: styles.th, children: t("billing.tableHeaders.amount") }),
+              /* @__PURE__ */ jsx("th", { className: styles.th, children: t("billing.tableHeaders.billed") })
             ] }) }),
             /* @__PURE__ */ jsx("tbody", { children: group.tickets.map((ticket) => {
               const isBilled = billedTickets.has(ticket.id);
@@ -334,7 +329,7 @@ const BillingClient = () => {
                     checked: isBilled,
                     onChange: () => toggleBilled(ticket.id),
                     className: styles.checkbox,
-                    title: isBilled ? "Marquer comme non facture" : "Marquer comme facture"
+                    title: isBilled ? t("billing.markUnbilledTitle") : t("billing.markBilledTitle")
                   }
                 ) }),
                 /* @__PURE__ */ jsxs("td", { className: `${styles.td} ${styles.bold} ${isBilled ? styles.strikethrough : ""}`, rowSpan, children: [
@@ -344,7 +339,7 @@ const BillingClient = () => {
                     {
                       className: styles.summaryBtn,
                       onClick: () => toggleSummary(ticket.id),
-                      title: isExpanded ? "Masquer le detail" : "Afficher le detail IA",
+                      title: isExpanded ? t("billing.summaryToggleHide") : t("billing.summaryToggleShow"),
                       children: [
                         isExpanded ? "\u25BC" : "\u25B6",
                         " IA"
@@ -354,7 +349,7 @@ const BillingClient = () => {
                 ] }),
                 /* @__PURE__ */ jsxs("td", { className: `${styles.tdLeft} ${isBilled ? styles.strikethrough : ""}`, rowSpan, children: [
                   ticket.subject,
-                  ticket.hasNoTimeEntries && /* @__PURE__ */ jsx("span", { className: styles.noTimeBadge, title: "Aucun temps saisi sur la periode", children: "\u26A0 Aucun temps saisi" })
+                  ticket.hasNoTimeEntries && /* @__PURE__ */ jsx("span", { className: styles.noTimeBadge, title: t("billing.noTimeBadgeTitle"), children: t("billing.noTimeBadge") })
                 ] })
               ] });
               const rows = [];
@@ -366,7 +361,7 @@ const BillingClient = () => {
                       className: `${isBilled ? styles.tableRowBilled : styles.tableRowNoTime}`,
                       children: [
                         renderTicketHeaderCells(),
-                        /* @__PURE__ */ jsx("td", { className: `${styles.td} ${styles.secondary}`, colSpan: 5, children: /* @__PURE__ */ jsx("em", { children: "Pas de saisie de temps. Verifier si du temps a ete oublie." }) })
+                        /* @__PURE__ */ jsx("td", { className: `${styles.td} ${styles.secondary}`, colSpan: 5, children: /* @__PURE__ */ jsx("em", { children: t("billing.noTimeRow") }) })
                       ]
                     },
                     `${ticket.id}-empty`
@@ -407,18 +402,15 @@ const BillingClient = () => {
                 rows.push(
                   /* @__PURE__ */ jsx("tr", { className: styles.summaryRow, children: /* @__PURE__ */ jsxs("td", { colSpan: 8, className: styles.summaryCell, children: [
                     /* @__PURE__ */ jsxs("div", { className: styles.summaryHeader, children: [
-                      /* @__PURE__ */ jsx("strong", { children: "Synthese IA des actions" }),
+                      /* @__PURE__ */ jsx("strong", { children: t("billing.summaryTitle") }),
                       /* @__PURE__ */ jsxs("div", { className: styles.summaryActions, children: [
-                        ticket.aiSummaryGeneratedAt && /* @__PURE__ */ jsxs("span", { className: styles.summaryMeta, children: [
-                          "Genere le ",
-                          new Date(ticket.aiSummaryGeneratedAt).toLocaleString("fr-FR")
-                        ] }),
+                        ticket.aiSummaryGeneratedAt && /* @__PURE__ */ jsx("span", { className: styles.summaryMeta, children: t("billing.summaryGeneratedAt", { date: new Date(ticket.aiSummaryGeneratedAt).toLocaleString(DATE_LOCALE) }) }),
                         ticket.aiSummary && /* @__PURE__ */ jsx(
                           "button",
                           {
                             className: styles.summaryAction,
                             onClick: () => copyTicketSummary(ticket),
-                            children: "Copier"
+                            children: t("billing.summaryCopy")
                           }
                         ),
                         /* @__PURE__ */ jsx(
@@ -427,12 +419,12 @@ const BillingClient = () => {
                             className: styles.summaryAction,
                             onClick: () => requestSynthesis(ticket.id, !!ticket.aiSummary),
                             disabled: isRegenerating,
-                            children: isRegenerating ? "Generation..." : ticket.aiSummary ? "Regenerer" : "Generer"
+                            children: isRegenerating ? t("billing.summaryGenerating") : ticket.aiSummary ? t("billing.summaryRegenerate") : t("billing.summaryGenerate")
                           }
                         )
                       ] })
                     ] }),
-                    ticket.aiSummaryStatus === "pending" && !ticket.aiSummary ? /* @__PURE__ */ jsx("div", { className: styles.summaryEmpty, children: 'Generation en cours en arriere-plan. Cliquer sur "Generer" pour forcer.' }) : ticket.aiSummary ? /* @__PURE__ */ jsx("pre", { className: styles.summaryText, children: ticket.aiSummary }) : /* @__PURE__ */ jsx("div", { className: styles.summaryEmpty, children: 'Pas de synthese disponible. La synthese est generee automatiquement quand le ticket passe en "resolu", ou manuellement via le bouton "Generer".' })
+                    ticket.aiSummaryStatus === "pending" && !ticket.aiSummary ? /* @__PURE__ */ jsx("div", { className: styles.summaryEmpty, children: t("billing.summaryPending") }) : ticket.aiSummary ? /* @__PURE__ */ jsx("pre", { className: styles.summaryText, children: ticket.aiSummary }) : /* @__PURE__ */ jsx("div", { className: styles.summaryEmpty, children: t("billing.summaryEmpty") })
                   ] }) }, `${ticket.id}-summary`)
                 );
               }
@@ -443,21 +435,15 @@ const BillingClient = () => {
         /* @__PURE__ */ jsxs("div", { className: styles.grandTotal, children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsxs("div", { className: styles.totalMeta, children: [
-              totalTickets,
-              " ticket",
-              totalTickets > 1 ? "s" : "",
-              " affiche",
-              totalTickets > 1 ? "s" : "",
-              billedTickets.size > 0 && /* @__PURE__ */ jsxs("span", { className: styles.totalChecked, children: [
-                "(",
-                allTicketIds.filter((id) => billedTickets.has(id)).length,
-                " coche",
-                allTicketIds.filter((id) => billedTickets.has(id)).length > 1 ? "s" : "",
-                ")"
-              ] })
+              totalTickets > 1 ? t("billing.ticketsDisplayedPlural", { count: String(totalTickets) }) : t("billing.ticketsDisplayed", { count: String(totalTickets) }),
+              billedTickets.size > 0 && /* @__PURE__ */ jsx("span", { className: styles.totalChecked, children: (() => {
+                const checkedCount = allTicketIds.filter((id) => billedTickets.has(id)).length;
+                return checkedCount > 1 ? `(${t("billing.ticketsCheckedPlural", { count: String(checkedCount) })})` : `(${t("billing.ticketsChecked", { count: String(checkedCount) })})`;
+              })() })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: styles.totalAmount, children: [
-              "Total : ",
+              t("billing.totalLabel"),
+              " : ",
               formatDuration(data.grandTotalMinutes),
               " =",
               " ",

package/dist/views/ChatView/client.cjs

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+var dateLocale = require('../shared/dateLocale');
 var styles = require('../../styles/ChatView.module.scss');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -213,7 +214,7 @@ const ChatViewClient = () => {
               getClientCompany(s.client) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.sessionCompany, children: getClientCompany(s.client) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.sessionPreview, children: s.lastMessage.startsWith("Note:") ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.sessionRating, children: s.lastMessage.match(/[★☆]+/)?.[0] || "\u2B50" }) : s.lastMessage }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.sessionMeta, children: [
-                new Date(s.lastMessageAt).toLocaleString("fr-FR", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" }),
+                new Date(s.lastMessageAt).toLocaleString(dateLocale.DATE_LOCALE, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" }),
                 " \xB7 ",
                 s.messageCount,
                 " ",
@@ -240,12 +241,12 @@ const ChatViewClient = () => {
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.ratingMeta, children: [
                   t("chat.clientReview"),
                   " \xB7 ",
-                  new Date(msg.createdAt).toLocaleString("fr-FR", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" })
+                  new Date(msg.createdAt).toLocaleString(dateLocale.DATE_LOCALE, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" })
                 ] })
               ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.bubbleSystem, children: msg.message }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles__default.default.bubble} ${msg.senderType === "agent" ? styles__default.default.bubbleAgent : styles__default.default.bubbleClient}`, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.bubbleSender, children: msg.senderType === "agent" ? msg.agent ? `${msg.agent.firstName || t("chat.agent")}` : t("chat.you") : t("chat.clientLabel") }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.bubbleBody, children: msg.message }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.bubbleTime, children: new Date(msg.createdAt).toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" }) })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.bubbleTime, children: new Date(msg.createdAt).toLocaleTimeString(dateLocale.DATE_LOCALE, { hour: "2-digit", minute: "2-digit" }) })
               ] })
             },
             msg.id

package/dist/views/ChatView/client.js

@@ -2,6 +2,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
+import { DATE_LOCALE } from '../shared/dateLocale.js';
 import styles from '../../styles/ChatView.module.scss';
 
 const ChatViewClient = () => {
@@ -208,7 +209,7 @@ const ChatViewClient = () => {
               getClientCompany(s.client) && /* @__PURE__ */ jsx("div", { className: styles.sessionCompany, children: getClientCompany(s.client) }),
               /* @__PURE__ */ jsx("div", { className: styles.sessionPreview, children: s.lastMessage.startsWith("Note:") ? /* @__PURE__ */ jsx("span", { className: styles.sessionRating, children: s.lastMessage.match(/[★☆]+/)?.[0] || "\u2B50" }) : s.lastMessage }),
               /* @__PURE__ */ jsxs("div", { className: styles.sessionMeta, children: [
-                new Date(s.lastMessageAt).toLocaleString("fr-FR", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" }),
+                new Date(s.lastMessageAt).toLocaleString(DATE_LOCALE, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" }),
                 " \xB7 ",
                 s.messageCount,
                 " ",
@@ -235,12 +236,12 @@ const ChatViewClient = () => {
                 /* @__PURE__ */ jsxs("div", { className: styles.ratingMeta, children: [
                   t("chat.clientReview"),
                   " \xB7 ",
-                  new Date(msg.createdAt).toLocaleString("fr-FR", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" })
+                  new Date(msg.createdAt).toLocaleString(DATE_LOCALE, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" })
                 ] })
               ] }) : /* @__PURE__ */ jsx("div", { className: styles.bubbleSystem, children: msg.message }) : /* @__PURE__ */ jsxs("div", { className: `${styles.bubble} ${msg.senderType === "agent" ? styles.bubbleAgent : styles.bubbleClient}`, children: [
                 /* @__PURE__ */ jsx("div", { className: styles.bubbleSender, children: msg.senderType === "agent" ? msg.agent ? `${msg.agent.firstName || t("chat.agent")}` : t("chat.you") : t("chat.clientLabel") }),
                 /* @__PURE__ */ jsx("div", { className: styles.bubbleBody, children: msg.message }),
-                /* @__PURE__ */ jsx("div", { className: styles.bubbleTime, children: new Date(msg.createdAt).toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" }) })
+                /* @__PURE__ */ jsx("div", { className: styles.bubbleTime, children: new Date(msg.createdAt).toLocaleTimeString(DATE_LOCALE, { hour: "2-digit", minute: "2-digit" }) })
               ] })
             },
             msg.id

package/dist/views/CrmView/client.cjs

@@ -36,14 +36,14 @@ function formatDuration(minutes) {
   if (m === 0) return `${h}h`;
   return `${h}h${m}m`;
 }
-function timeAgo(dateStr) {
+function timeAgo(dateStr, tFn) {
   const diff = Date.now() - new Date(dateStr).getTime();
   const days = Math.floor(diff / 864e5);
-  if (days === 0) return "Aujourd'hui";
-  if (days === 1) return "Hier";
-  if (days < 30) return `Il y a ${days}j`;
+  if (days === 0) return tFn("crm.timeAgo.today");
+  if (days === 1) return tFn("crm.timeAgo.yesterday");
+  if (days < 30) return tFn("crm.timeAgo.daysAgo", { count: days });
   const months = Math.floor(days / 30);
-  return `Il y a ${months} mois`;
+  return tFn("crm.timeAgo.monthsAgo", { count: months });
 }
 function getStatColorClass(key, detail) {
   switch (key) {
@@ -336,7 +336,7 @@ Cette action est irr\xE9versible.`)) return;
           { key: "open", label: t("crm.stats.openTickets"), value: String(detail.stats.openTickets) },
           { key: "resolved", label: t("crm.stats.resolvedTickets"), value: String(detail.stats.resolvedTickets) },
           { key: "time", label: t("crm.stats.timeSpent"), value: formatDuration(detail.stats.totalTimeMinutes) },
-          { key: "activity", label: t("crm.stats.lastActivity"), value: detail.stats.lastActivity ? timeAgo(detail.stats.lastActivity) : "-" }
+          { key: "activity", label: t("crm.stats.lastActivity"), value: detail.stats.lastActivity ? timeAgo(detail.stats.lastActivity, t) : "-" }
         ].map((stat) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.statCard, children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.statLabel, children: stat.label }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles__default.default.statValue} ${getStatColorClass(stat.key, detail.stats)}`, children: stat.value })
@@ -446,7 +446,7 @@ Cette action est irr\xE9versible.`)) return;
               /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `/admin/collections/tickets/${tk.id}`, className: styles__default.default.ticketLink, children: tk.ticketNumber }) }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: styles__default.default.ticketSubject, children: tk.subject }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: styles__default.default.ticketStatusCell, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${styles__default.default.badge} ${styles__default.default[statusBadgeClass[tk.status] || "badgeAccent"]}`, children: t(statusLabelKeys[tk.status] || "ticket.status.open") }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: styles__default.default.ticketDate, children: timeAgo(tk.createdAt) })
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: styles__default.default.ticketDate, children: timeAgo(tk.createdAt, t) })
             ] }, tk.id)) })
           ] })
         ] })

package/dist/views/CrmView/client.js

@@ -31,14 +31,14 @@ function formatDuration(minutes) {
   if (m === 0) return `${h}h`;
   return `${h}h${m}m`;
 }
-function timeAgo(dateStr) {
+function timeAgo(dateStr, tFn) {
   const diff = Date.now() - new Date(dateStr).getTime();
   const days = Math.floor(diff / 864e5);
-  if (days === 0) return "Aujourd'hui";
-  if (days === 1) return "Hier";
-  if (days < 30) return `Il y a ${days}j`;
+  if (days === 0) return tFn("crm.timeAgo.today");
+  if (days === 1) return tFn("crm.timeAgo.yesterday");
+  if (days < 30) return tFn("crm.timeAgo.daysAgo", { count: days });
   const months = Math.floor(days / 30);
-  return `Il y a ${months} mois`;
+  return tFn("crm.timeAgo.monthsAgo", { count: months });
 }
 function getStatColorClass(key, detail) {
   switch (key) {
@@ -331,7 +331,7 @@ Cette action est irr\xE9versible.`)) return;
           { key: "open", label: t("crm.stats.openTickets"), value: String(detail.stats.openTickets) },
           { key: "resolved", label: t("crm.stats.resolvedTickets"), value: String(detail.stats.resolvedTickets) },
           { key: "time", label: t("crm.stats.timeSpent"), value: formatDuration(detail.stats.totalTimeMinutes) },
-          { key: "activity", label: t("crm.stats.lastActivity"), value: detail.stats.lastActivity ? timeAgo(detail.stats.lastActivity) : "-" }
+          { key: "activity", label: t("crm.stats.lastActivity"), value: detail.stats.lastActivity ? timeAgo(detail.stats.lastActivity, t) : "-" }
         ].map((stat) => /* @__PURE__ */ jsxs("div", { className: styles.statCard, children: [
           /* @__PURE__ */ jsx("div", { className: styles.statLabel, children: stat.label }),
           /* @__PURE__ */ jsx("div", { className: `${styles.statValue} ${getStatColorClass(stat.key, detail.stats)}`, children: stat.value })
@@ -441,7 +441,7 @@ Cette action est irr\xE9versible.`)) return;
               /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("a", { href: `/admin/collections/tickets/${tk.id}`, className: styles.ticketLink, children: tk.ticketNumber }) }),
               /* @__PURE__ */ jsx("td", { className: styles.ticketSubject, children: tk.subject }),
               /* @__PURE__ */ jsx("td", { className: styles.ticketStatusCell, children: /* @__PURE__ */ jsx("span", { className: `${styles.badge} ${styles[statusBadgeClass[tk.status] || "badgeAccent"]}`, children: t(statusLabelKeys[tk.status] || "ticket.status.open") }) }),
-              /* @__PURE__ */ jsx("td", { className: styles.ticketDate, children: timeAgo(tk.createdAt) })
+              /* @__PURE__ */ jsx("td", { className: styles.ticketDate, children: timeAgo(tk.createdAt, t) })
             ] }, tk.id)) })
           ] })
         ] })