@consilioweb/payload-support 0.6.2 → 0.6.4

package/dist/components/TicketConversation/components/TimeTrackingPanel.cjs

@@ -0,0 +1,134 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var constants = require('../constants');
+
+function TimeTrackingPanel({
+  timeEntries,
+  totalMinutes,
+  timerRunning,
+  timerSeconds,
+  setTimerSeconds,
+  timerDescription,
+  setTimerDescription,
+  handleTimerStart,
+  handleTimerStop,
+  handleTimerSave,
+  handleTimerDiscard,
+  duration,
+  setDuration,
+  timeDescription,
+  setTimeDescription,
+  handleAddTime,
+  addingTime,
+  timeSuccess
+}) {
+  const totalH = Math.floor(totalMinutes / 60);
+  const totalM = totalMinutes % 60;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.s.section, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("h4", { style: constants.s.sectionTitle, children: [
+      "Temps",
+      totalMinutes > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: constants.s.badge("#fef3c7", "#92400e"), children: [
+        totalH,
+        "h",
+        String(totalM).padStart(2, "0"),
+        " total"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "10px",
+      flexWrap: "wrap",
+      padding: "12px 16px",
+      borderRadius: "10px",
+      marginBottom: "14px",
+      backgroundColor: timerRunning ? "#fef2f2" : "var(--theme-elevation-100)",
+      border: timerRunning ? "1px solid #fca5a5" : "1px solid var(--theme-elevation-300)"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        fontFamily: "monospace",
+        fontSize: "24px",
+        fontWeight: 700,
+        color: timerRunning ? "#dc2626" : "var(--theme-text)",
+        minWidth: "90px"
+      }, children: [
+        String(Math.floor(timerSeconds / 3600)).padStart(2, "0"),
+        ":",
+        String(Math.floor(timerSeconds % 3600 / 60)).padStart(2, "0"),
+        ":",
+        String(timerSeconds % 60).padStart(2, "0")
+      ] }),
+      !timerRunning && timerSeconds > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [-5, -1, 1, 5, 15, 30].map((m) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setTimerSeconds((p) => Math.max(0, p + m * 60)),
+          style: { width: Math.abs(m) >= 15 ? "32px" : "28px", height: "28px", borderRadius: "6px", border: "1px solid #e2e8f0", background: "white", cursor: "pointer", fontSize: Math.abs(m) >= 15 ? "12px" : "14px", fontWeight: 700, color: "#64748b" },
+          title: `${m > 0 ? "+" : ""}${m} min`,
+          children: m > 0 ? `+${m}` : String(m)
+        },
+        m
+      )) }),
+      !timerRunning && timerSeconds === 0 && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleTimerStart(true), style: { ...constants.s.btn("#dc2626", false), fontSize: "12px", padding: "6px 16px", display: "flex", alignItems: "center", gap: "6px" }, children: "\u25B6 D\xE9marrer" }),
+      timerRunning && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleTimerStop, style: { ...constants.s.btn("#374151", false), fontSize: "12px", padding: "6px 16px", display: "flex", alignItems: "center", gap: "6px" }, children: "\u23F8 Pause" }),
+      !timerRunning && timerSeconds > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleTimerStart(false), style: { ...constants.s.btn("#dc2626", false), fontSize: "12px", padding: "6px 14px" }, children: "\u25B6 Reprendre" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: timerDescription,
+            onChange: (e) => setTimerDescription(e.target.value),
+            placeholder: "Description...",
+            style: { ...constants.s.input, fontSize: "12px", flex: 1, minWidth: "120px" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            onClick: handleTimerSave,
+            disabled: addingTime || timerSeconds < 60,
+            style: { ...constants.s.btn("#16a34a", addingTime || timerSeconds < 60), fontSize: "12px", padding: "6px 14px" },
+            title: timerSeconds < 60 ? "Minimum 1 minute" : `Sauvegarder ${Math.round(timerSeconds / 60)} min`,
+            children: [
+              "\u{1F4BE} ",
+              Math.round(timerSeconds / 60),
+              " min"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleTimerDiscard, style: { background: "none", border: "none", cursor: "pointer", fontSize: "14px", color: "#94a3b8", padding: "4px" }, title: "Annuler", children: "\u2715" })
+      ] }),
+      timerRunning && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "11px", color: "#dc2626", fontWeight: 600 }, children: "\u25CF Enregistrement en cours \u2014 session maintenue active" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end", flexWrap: "wrap", marginBottom: "14px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { style: { display: "block", fontSize: "11px", color: constants.C.textSecondary, marginBottom: "3px", fontWeight: 600 }, children: "Min" }),
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "number", min: "1", value: duration, onChange: (e) => setDuration(e.target.value), placeholder: "30", style: { ...constants.s.input, width: "80px" } })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { style: { display: "block", fontSize: "11px", color: constants.C.textSecondary, marginBottom: "3px", fontWeight: 600 }, children: "Description" }),
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", value: timeDescription, onChange: (e) => setTimeDescription(e.target.value), placeholder: "Travail effectu\xE9...", style: { ...constants.s.input, width: "100%" } })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleAddTime, disabled: addingTime || !duration, style: constants.s.btn(constants.C.amber, addingTime || !duration), children: addingTime ? "..." : "+ Temps" }),
+      timeSuccess && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", color: "#16a34a", fontWeight: 600 }, children: timeSuccess })
+    ] }),
+    timeEntries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "12px" }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: `1px solid ${constants.C.border}` }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "6px 8px", fontWeight: 600, fontSize: "11px", color: constants.C.textSecondary }, children: "Date" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "6px 8px", fontWeight: 600, fontSize: "11px", color: constants.C.textSecondary }, children: "Dur\xE9e" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left", padding: "6px 8px", fontWeight: 600, fontSize: "11px", color: constants.C.textSecondary }, children: "Description" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: timeEntries.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid #f1f5f9" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", color: "#374151" }, children: new Date(entry.date).toLocaleDateString("fr-FR", { day: "numeric", month: "short" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("td", { style: { padding: "6px 8px", fontWeight: 600, color: "#374151" }, children: [
+          entry.duration,
+          " min"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", color: constants.C.textSecondary }, children: entry.description || "\u2014" })
+      ] }, entry.id)) })
+    ] }) })
+  ] });
+}
+
+exports.TimeTrackingPanel = TimeTrackingPanel;

package/dist/components/TicketConversation/components/TimeTrackingPanel.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { s, C } from '../constants.js';
+
+function TimeTrackingPanel({
+  timeEntries,
+  totalMinutes,
+  timerRunning,
+  timerSeconds,
+  setTimerSeconds,
+  timerDescription,
+  setTimerDescription,
+  handleTimerStart,
+  handleTimerStop,
+  handleTimerSave,
+  handleTimerDiscard,
+  duration,
+  setDuration,
+  timeDescription,
+  setTimeDescription,
+  handleAddTime,
+  addingTime,
+  timeSuccess
+}) {
+  const totalH = Math.floor(totalMinutes / 60);
+  const totalM = totalMinutes % 60;
+  return /* @__PURE__ */ jsxs("div", { style: s.section, children: [
+    /* @__PURE__ */ jsxs("h4", { style: s.sectionTitle, children: [
+      "Temps",
+      totalMinutes > 0 && /* @__PURE__ */ jsxs("span", { style: s.badge("#fef3c7", "#92400e"), children: [
+        totalH,
+        "h",
+        String(totalM).padStart(2, "0"),
+        " total"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "10px",
+      flexWrap: "wrap",
+      padding: "12px 16px",
+      borderRadius: "10px",
+      marginBottom: "14px",
+      backgroundColor: timerRunning ? "#fef2f2" : "var(--theme-elevation-100)",
+      border: timerRunning ? "1px solid #fca5a5" : "1px solid var(--theme-elevation-300)"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { style: {
+        fontFamily: "monospace",
+        fontSize: "24px",
+        fontWeight: 700,
+        color: timerRunning ? "#dc2626" : "var(--theme-text)",
+        minWidth: "90px"
+      }, children: [
+        String(Math.floor(timerSeconds / 3600)).padStart(2, "0"),
+        ":",
+        String(Math.floor(timerSeconds % 3600 / 60)).padStart(2, "0"),
+        ":",
+        String(timerSeconds % 60).padStart(2, "0")
+      ] }),
+      !timerRunning && timerSeconds > 0 && /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [-5, -1, 1, 5, 15, 30].map((m) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setTimerSeconds((p) => Math.max(0, p + m * 60)),
+          style: { width: Math.abs(m) >= 15 ? "32px" : "28px", height: "28px", borderRadius: "6px", border: "1px solid #e2e8f0", background: "white", cursor: "pointer", fontSize: Math.abs(m) >= 15 ? "12px" : "14px", fontWeight: 700, color: "#64748b" },
+          title: `${m > 0 ? "+" : ""}${m} min`,
+          children: m > 0 ? `+${m}` : String(m)
+        },
+        m
+      )) }),
+      !timerRunning && timerSeconds === 0 && /* @__PURE__ */ jsx("button", { onClick: () => handleTimerStart(true), style: { ...s.btn("#dc2626", false), fontSize: "12px", padding: "6px 16px", display: "flex", alignItems: "center", gap: "6px" }, children: "\u25B6 D\xE9marrer" }),
+      timerRunning && /* @__PURE__ */ jsx("button", { onClick: handleTimerStop, style: { ...s.btn("#374151", false), fontSize: "12px", padding: "6px 16px", display: "flex", alignItems: "center", gap: "6px" }, children: "\u23F8 Pause" }),
+      !timerRunning && timerSeconds > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("button", { onClick: () => handleTimerStart(false), style: { ...s.btn("#dc2626", false), fontSize: "12px", padding: "6px 14px" }, children: "\u25B6 Reprendre" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: timerDescription,
+            onChange: (e) => setTimerDescription(e.target.value),
+            placeholder: "Description...",
+            style: { ...s.input, fontSize: "12px", flex: 1, minWidth: "120px" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: handleTimerSave,
+            disabled: addingTime || timerSeconds < 60,
+            style: { ...s.btn("#16a34a", addingTime || timerSeconds < 60), fontSize: "12px", padding: "6px 14px" },
+            title: timerSeconds < 60 ? "Minimum 1 minute" : `Sauvegarder ${Math.round(timerSeconds / 60)} min`,
+            children: [
+              "\u{1F4BE} ",
+              Math.round(timerSeconds / 60),
+              " min"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { onClick: handleTimerDiscard, style: { background: "none", border: "none", cursor: "pointer", fontSize: "14px", color: "#94a3b8", padding: "4px" }, title: "Annuler", children: "\u2715" })
+      ] }),
+      timerRunning && /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", color: "#dc2626", fontWeight: 600 }, children: "\u25CF Enregistrement en cours \u2014 session maintenue active" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end", flexWrap: "wrap", marginBottom: "14px" }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "11px", color: C.textSecondary, marginBottom: "3px", fontWeight: 600 }, children: "Min" }),
+        /* @__PURE__ */ jsx("input", { type: "number", min: "1", value: duration, onChange: (e) => setDuration(e.target.value), placeholder: "30", style: { ...s.input, width: "80px" } })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "11px", color: C.textSecondary, marginBottom: "3px", fontWeight: 600 }, children: "Description" }),
+        /* @__PURE__ */ jsx("input", { type: "text", value: timeDescription, onChange: (e) => setTimeDescription(e.target.value), placeholder: "Travail effectu\xE9...", style: { ...s.input, width: "100%" } })
+      ] }),
+      /* @__PURE__ */ jsx("button", { onClick: handleAddTime, disabled: addingTime || !duration, style: s.btn(C.amber, addingTime || !duration), children: addingTime ? "..." : "+ Temps" }),
+      timeSuccess && /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", color: "#16a34a", fontWeight: 600 }, children: timeSuccess })
+    ] }),
+    timeEntries.length > 0 && /* @__PURE__ */ jsx("div", { style: { fontSize: "12px" }, children: /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${C.border}` }, children: [
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "6px 8px", fontWeight: 600, fontSize: "11px", color: C.textSecondary }, children: "Date" }),
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "6px 8px", fontWeight: 600, fontSize: "11px", color: C.textSecondary }, children: "Dur\xE9e" }),
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "left", padding: "6px 8px", fontWeight: 600, fontSize: "11px", color: C.textSecondary }, children: "Description" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: timeEntries.map((entry) => /* @__PURE__ */ jsxs("tr", { style: { borderBottom: "1px solid #f1f5f9" }, children: [
+        /* @__PURE__ */ jsx("td", { style: { padding: "6px 8px", color: "#374151" }, children: new Date(entry.date).toLocaleDateString("fr-FR", { day: "numeric", month: "short" }) }),
+        /* @__PURE__ */ jsxs("td", { style: { padding: "6px 8px", fontWeight: 600, color: "#374151" }, children: [
+          entry.duration,
+          " min"
+        ] }),
+        /* @__PURE__ */ jsx("td", { style: { padding: "6px 8px", color: C.textSecondary }, children: entry.description || "\u2014" })
+      ] }, entry.id)) })
+    ] }) })
+  ] });
+}
+
+export { TimeTrackingPanel };

package/dist/components/TicketConversation/config.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+const DEFAULT_FEATURES = {
+  timeTracking: true,
+  ai: true,
+  satisfaction: true,
+  chat: true,
+  emailTracking: true,
+  canned: true,
+  merge: true,
+  snooze: true,
+  externalMessages: true,
+  clientHistory: true,
+  activityLog: true,
+  splitTicket: true,
+  scheduledReplies: true,
+  autoClose: true,
+  autoCloseDays: 7,
+  roundRobin: false
+};
+const STORAGE_KEY = "ticketing_features";
+function getFeatures() {
+  if (typeof window === "undefined") return DEFAULT_FEATURES;
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      const parsed = JSON.parse(stored);
+      return { ...DEFAULT_FEATURES, ...parsed };
+    }
+  } catch {
+  }
+  return DEFAULT_FEATURES;
+}
+function saveFeatures(features) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(features));
+  } catch {
+  }
+}
+
+exports.DEFAULT_FEATURES = DEFAULT_FEATURES;
+exports.getFeatures = getFeatures;
+exports.saveFeatures = saveFeatures;

package/dist/components/TicketConversation/config.js

@@ -0,0 +1,41 @@
+"use client";
+const DEFAULT_FEATURES = {
+  timeTracking: true,
+  ai: true,
+  satisfaction: true,
+  chat: true,
+  emailTracking: true,
+  canned: true,
+  merge: true,
+  snooze: true,
+  externalMessages: true,
+  clientHistory: true,
+  activityLog: true,
+  splitTicket: true,
+  scheduledReplies: true,
+  autoClose: true,
+  autoCloseDays: 7,
+  roundRobin: false
+};
+const STORAGE_KEY = "ticketing_features";
+function getFeatures() {
+  if (typeof window === "undefined") return DEFAULT_FEATURES;
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      const parsed = JSON.parse(stored);
+      return { ...DEFAULT_FEATURES, ...parsed };
+    }
+  } catch {
+  }
+  return DEFAULT_FEATURES;
+}
+function saveFeatures(features) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(features));
+  } catch {
+  }
+}
+
+export { DEFAULT_FEATURES, getFeatures, saveFeatures };

package/dist/components/TicketConversation/constants.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+const statusLabels = {
+  open: { label: "Ouvert", bg: "#dbeafe", color: "#1e40af" },
+  waiting_client: { label: "Attente", bg: "#fef3c7", color: "#92400e" },
+  resolved: { label: "R\xE9solu", bg: "#dcfce7", color: "#166534" }
+};
+const projectStatusLabels = {
+  active: { label: "Actif", bg: "#dcfce7", color: "#166534" },
+  paused: { label: "En pause", bg: "#fef3c7", color: "#92400e" },
+  completed: { label: "Termin\xE9", bg: "#e5e7eb", color: "#374151" }
+};
+const C = {
+  blue: "#2563eb",
+  amber: "#d97706",
+  orange: "#ea580c",
+  black: "var(--theme-text)",
+  white: "#fff",
+  bg: "#fafafa",
+  textPrimary: "var(--theme-text)",
+  textSecondary: "#6b7280",
+  textMuted: "#9ca3af",
+  border: "#e2e8f0",
+  statusOpen: "#2563eb",
+  statusProgress: "#ea580c",
+  statusWaiting: "#d97706",
+  statusResolved: "#16a34a",
+  statusClosed: "#6b7280",
+  adminBg: "#f8fafc",
+  adminBorder: "#2563eb",
+  clientBg: "#fafafa",
+  clientBorder: "#e2e8f0",
+  emailBg: "#fffbeb",
+  emailBorder: "#ea580c",
+  internalBg: "#fefce8",
+  internalBorder: "#d97706"
+};
+const s = {
+  section: { borderTop: `1px solid ${C.border}`, paddingTop: "18px", marginTop: "20px" },
+  sectionTitle: { fontSize: "14px", fontWeight: 600, marginBottom: "12px", display: "flex", alignItems: "center", gap: "8px" },
+  btn: (bg, disabled) => {
+    const hex = bg.replace("#", "");
+    const r = parseInt(hex.substring(0, 2), 16) || 0;
+    const g = parseInt(hex.substring(2, 4), 16) || 0;
+    const b = parseInt(hex.substring(4, 6), 16) || 0;
+    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+    const textColor = luminance > 0.6 ? "#374151" : C.white;
+    return {
+      padding: "7px 14px",
+      borderRadius: "6px",
+      border: `1px solid ${C.border}`,
+      backgroundColor: bg,
+      color: textColor,
+      fontWeight: 600,
+      fontSize: "13px",
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      whiteSpace: "nowrap"
+    };
+  },
+  ghostBtn: (color, disabled) => ({
+    padding: "7px 14px",
+    borderRadius: "6px",
+    border: `1px solid ${C.border}`,
+    backgroundColor: "transparent",
+    color,
+    fontWeight: 600,
+    fontSize: "13px",
+    cursor: disabled ? "not-allowed" : "pointer",
+    opacity: disabled ? 0.5 : 1,
+    whiteSpace: "nowrap"
+  }),
+  outlineBtn: (color, disabled) => ({
+    padding: "7px 14px",
+    borderRadius: "6px",
+    border: `1px solid ${color}`,
+    backgroundColor: "transparent",
+    color,
+    fontWeight: 600,
+    fontSize: "13px",
+    cursor: disabled ? "not-allowed" : "pointer",
+    opacity: disabled ? 0.5 : 1,
+    whiteSpace: "nowrap"
+  }),
+  input: { padding: "8px 12px", borderRadius: "6px", border: `1px solid ${C.border}`, fontSize: "14px", color: "#374151", backgroundColor: C.white },
+  badge: (bg, color) => ({
+    display: "inline-block",
+    padding: "2px 8px",
+    borderRadius: "4px",
+    fontSize: "11px",
+    fontWeight: 600,
+    backgroundColor: bg,
+    color
+  })
+};
+
+exports.C = C;
+exports.projectStatusLabels = projectStatusLabels;
+exports.s = s;
+exports.statusLabels = statusLabels;

package/dist/components/TicketConversation/constants.js

@@ -0,0 +1,96 @@
+"use client";
+const statusLabels = {
+  open: { label: "Ouvert", bg: "#dbeafe", color: "#1e40af" },
+  waiting_client: { label: "Attente", bg: "#fef3c7", color: "#92400e" },
+  resolved: { label: "R\xE9solu", bg: "#dcfce7", color: "#166534" }
+};
+const projectStatusLabels = {
+  active: { label: "Actif", bg: "#dcfce7", color: "#166534" },
+  paused: { label: "En pause", bg: "#fef3c7", color: "#92400e" },
+  completed: { label: "Termin\xE9", bg: "#e5e7eb", color: "#374151" }
+};
+const C = {
+  blue: "#2563eb",
+  amber: "#d97706",
+  orange: "#ea580c",
+  black: "var(--theme-text)",
+  white: "#fff",
+  bg: "#fafafa",
+  textPrimary: "var(--theme-text)",
+  textSecondary: "#6b7280",
+  textMuted: "#9ca3af",
+  border: "#e2e8f0",
+  statusOpen: "#2563eb",
+  statusProgress: "#ea580c",
+  statusWaiting: "#d97706",
+  statusResolved: "#16a34a",
+  statusClosed: "#6b7280",
+  adminBg: "#f8fafc",
+  adminBorder: "#2563eb",
+  clientBg: "#fafafa",
+  clientBorder: "#e2e8f0",
+  emailBg: "#fffbeb",
+  emailBorder: "#ea580c",
+  internalBg: "#fefce8",
+  internalBorder: "#d97706"
+};
+const s = {
+  section: { borderTop: `1px solid ${C.border}`, paddingTop: "18px", marginTop: "20px" },
+  sectionTitle: { fontSize: "14px", fontWeight: 600, marginBottom: "12px", display: "flex", alignItems: "center", gap: "8px" },
+  btn: (bg, disabled) => {
+    const hex = bg.replace("#", "");
+    const r = parseInt(hex.substring(0, 2), 16) || 0;
+    const g = parseInt(hex.substring(2, 4), 16) || 0;
+    const b = parseInt(hex.substring(4, 6), 16) || 0;
+    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+    const textColor = luminance > 0.6 ? "#374151" : C.white;
+    return {
+      padding: "7px 14px",
+      borderRadius: "6px",
+      border: `1px solid ${C.border}`,
+      backgroundColor: bg,
+      color: textColor,
+      fontWeight: 600,
+      fontSize: "13px",
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      whiteSpace: "nowrap"
+    };
+  },
+  ghostBtn: (color, disabled) => ({
+    padding: "7px 14px",
+    borderRadius: "6px",
+    border: `1px solid ${C.border}`,
+    backgroundColor: "transparent",
+    color,
+    fontWeight: 600,
+    fontSize: "13px",
+    cursor: disabled ? "not-allowed" : "pointer",
+    opacity: disabled ? 0.5 : 1,
+    whiteSpace: "nowrap"
+  }),
+  outlineBtn: (color, disabled) => ({
+    padding: "7px 14px",
+    borderRadius: "6px",
+    border: `1px solid ${color}`,
+    backgroundColor: "transparent",
+    color,
+    fontWeight: 600,
+    fontSize: "13px",
+    cursor: disabled ? "not-allowed" : "pointer",
+    opacity: disabled ? 0.5 : 1,
+    whiteSpace: "nowrap"
+  }),
+  input: { padding: "8px 12px", borderRadius: "6px", border: `1px solid ${C.border}`, fontSize: "14px", color: "#374151", backgroundColor: C.white },
+  badge: (bg, color) => ({
+    display: "inline-block",
+    padding: "2px 8px",
+    borderRadius: "4px",
+    fontSize: "11px",
+    fontWeight: 600,
+    backgroundColor: bg,
+    color
+  })
+};
+
+export { C, projectStatusLabels, s, statusLabels };

package/dist/components/TicketConversation/context.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var react = require('react');
+
+const TicketContext = react.createContext(null);
+function useTicketContext() {
+  const ctx = react.useContext(TicketContext);
+  if (!ctx) throw new Error("useTicketContext must be used within TicketContext.Provider");
+  return ctx;
+}
+
+exports.TicketContext = TicketContext;
+exports.useTicketContext = useTicketContext;

package/dist/components/TicketConversation/context.js

@@ -0,0 +1,11 @@
+"use client";
+import { createContext, useContext } from 'react';
+
+const TicketContext = createContext(null);
+function useTicketContext() {
+  const ctx = useContext(TicketContext);
+  if (!ctx) throw new Error("useTicketContext must be used within TicketContext.Provider");
+  return ctx;
+}
+
+export { TicketContext, useTicketContext };