@consilioweb/payload-support 0.6.2 → 0.6.4

package/dist/components/TicketConversation/components/CodeBlockInserter.cjs

@@ -0,0 +1,156 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const LANGUAGES = [
+  { value: "javascript", label: "JavaScript" },
+  { value: "typescript", label: "TypeScript" },
+  { value: "php", label: "PHP" },
+  { value: "python", label: "Python" },
+  { value: "html", label: "HTML" },
+  { value: "css", label: "CSS" },
+  { value: "scss", label: "SCSS" },
+  { value: "json", label: "JSON" },
+  { value: "sql", label: "SQL" },
+  { value: "bash", label: "Bash" },
+  { value: "yaml", label: "YAML" },
+  { value: "xml", label: "XML" },
+  { value: "markdown", label: "Markdown" },
+  { value: "diff", label: "Diff" },
+  { value: "go", label: "Go" },
+  { value: "rust", label: "Rust" },
+  { value: "java", label: "Java" },
+  { value: "ruby", label: "Ruby" },
+  { value: "swift", label: "Swift" },
+  { value: "docker", label: "Dockerfile" },
+  { value: "nginx", label: "Nginx" },
+  { value: "env", label: ".env" }
+];
+function CodeBlockInserter({ onInsert, className, style }) {
+  const [open, setOpen] = react.useState(false);
+  const [filter, setFilter] = react.useState("");
+  const dropdownRef = react.useRef(null);
+  const inputRef = react.useRef(null);
+  react.useEffect(() => {
+    if (open && inputRef.current) inputRef.current.focus();
+  }, [open]);
+  react.useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
+        setOpen(false);
+        setFilter("");
+      }
+    };
+    if (open) document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [open]);
+  const filtered = filter ? LANGUAGES.filter((l) => l.label.toLowerCase().includes(filter.toLowerCase()) || l.value.includes(filter.toLowerCase())) : LANGUAGES;
+  const handleSelect = (lang) => {
+    onInsert(`
+\`\`\`${lang}
+
+\`\`\`
+`);
+    setOpen(false);
+    setFilter("");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: dropdownRef, style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className,
+        style: {
+          fontSize: 11,
+          fontWeight: 700,
+          padding: "4px 10px",
+          width: "auto",
+          cursor: "pointer",
+          ...style
+        },
+        type: "button",
+        "aria-label": "Ins\xE9rer un bloc de code",
+        "data-tooltip": "Bloc de code",
+        children: "</> Code"
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      position: "absolute",
+      bottom: "100%",
+      left: 0,
+      marginBottom: 4,
+      width: 200,
+      maxHeight: 280,
+      backgroundColor: "#1e293b",
+      border: "1px solid #334155",
+      borderRadius: 8,
+      boxShadow: "0 8px 24px rgba(0,0,0,0.4)",
+      zIndex: 1e3,
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "column"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "8px 8px 4px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value: filter,
+          onChange: (e) => setFilter(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Escape") {
+              setOpen(false);
+              setFilter("");
+            }
+            if (e.key === "Enter" && filtered.length > 0) handleSelect(filtered[0].value);
+          },
+          placeholder: "Rechercher...",
+          style: {
+            width: "100%",
+            padding: "6px 10px",
+            fontSize: 12,
+            backgroundColor: "#0f172a",
+            border: "1px solid #334155",
+            borderRadius: 6,
+            color: "#e2e8f0",
+            outline: "none",
+            boxSizing: "border-box"
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { overflowY: "auto", maxHeight: 230, padding: "4px 0" }, children: [
+        filtered.map((lang) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => handleSelect(lang.value),
+            style: {
+              display: "block",
+              width: "100%",
+              padding: "6px 12px",
+              fontSize: 12,
+              fontWeight: 500,
+              color: "#e2e8f0",
+              backgroundColor: "transparent",
+              border: "none",
+              cursor: "pointer",
+              textAlign: "left"
+            },
+            onMouseEnter: (e) => {
+              e.target.style.backgroundColor = "#334155";
+            },
+            onMouseLeave: (e) => {
+              e.target.style.backgroundColor = "transparent";
+            },
+            type: "button",
+            children: lang.label
+          },
+          lang.value
+        )),
+        filtered.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "12px", fontSize: 12, color: "#64748b", textAlign: "center" }, children: "Aucun langage trouv\xE9" })
+      ] })
+    ] })
+  ] });
+}
+
+exports.CodeBlockInserter = CodeBlockInserter;

package/dist/components/TicketConversation/components/CodeBlockInserter.js

@@ -0,0 +1,155 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+
+const LANGUAGES = [
+  { value: "javascript", label: "JavaScript" },
+  { value: "typescript", label: "TypeScript" },
+  { value: "php", label: "PHP" },
+  { value: "python", label: "Python" },
+  { value: "html", label: "HTML" },
+  { value: "css", label: "CSS" },
+  { value: "scss", label: "SCSS" },
+  { value: "json", label: "JSON" },
+  { value: "sql", label: "SQL" },
+  { value: "bash", label: "Bash" },
+  { value: "yaml", label: "YAML" },
+  { value: "xml", label: "XML" },
+  { value: "markdown", label: "Markdown" },
+  { value: "diff", label: "Diff" },
+  { value: "go", label: "Go" },
+  { value: "rust", label: "Rust" },
+  { value: "java", label: "Java" },
+  { value: "ruby", label: "Ruby" },
+  { value: "swift", label: "Swift" },
+  { value: "docker", label: "Dockerfile" },
+  { value: "nginx", label: "Nginx" },
+  { value: "env", label: ".env" }
+];
+function CodeBlockInserter({ onInsert, className, style }) {
+  const [open, setOpen] = useState(false);
+  const [filter, setFilter] = useState("");
+  const dropdownRef = useRef(null);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (open && inputRef.current) inputRef.current.focus();
+  }, [open]);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
+        setOpen(false);
+        setFilter("");
+      }
+    };
+    if (open) document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [open]);
+  const filtered = filter ? LANGUAGES.filter((l) => l.label.toLowerCase().includes(filter.toLowerCase()) || l.value.includes(filter.toLowerCase())) : LANGUAGES;
+  const handleSelect = (lang) => {
+    onInsert(`
+\`\`\`${lang}
+
+\`\`\`
+`);
+    setOpen(false);
+    setFilter("");
+  };
+  return /* @__PURE__ */ jsxs("div", { ref: dropdownRef, style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className,
+        style: {
+          fontSize: 11,
+          fontWeight: 700,
+          padding: "4px 10px",
+          width: "auto",
+          cursor: "pointer",
+          ...style
+        },
+        type: "button",
+        "aria-label": "Ins\xE9rer un bloc de code",
+        "data-tooltip": "Bloc de code",
+        children: "</> Code"
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { style: {
+      position: "absolute",
+      bottom: "100%",
+      left: 0,
+      marginBottom: 4,
+      width: 200,
+      maxHeight: 280,
+      backgroundColor: "#1e293b",
+      border: "1px solid #334155",
+      borderRadius: 8,
+      boxShadow: "0 8px 24px rgba(0,0,0,0.4)",
+      zIndex: 1e3,
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "column"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: { padding: "8px 8px 4px" }, children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value: filter,
+          onChange: (e) => setFilter(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Escape") {
+              setOpen(false);
+              setFilter("");
+            }
+            if (e.key === "Enter" && filtered.length > 0) handleSelect(filtered[0].value);
+          },
+          placeholder: "Rechercher...",
+          style: {
+            width: "100%",
+            padding: "6px 10px",
+            fontSize: 12,
+            backgroundColor: "#0f172a",
+            border: "1px solid #334155",
+            borderRadius: 6,
+            color: "#e2e8f0",
+            outline: "none",
+            boxSizing: "border-box"
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { style: { overflowY: "auto", maxHeight: 230, padding: "4px 0" }, children: [
+        filtered.map((lang) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleSelect(lang.value),
+            style: {
+              display: "block",
+              width: "100%",
+              padding: "6px 12px",
+              fontSize: 12,
+              fontWeight: 500,
+              color: "#e2e8f0",
+              backgroundColor: "transparent",
+              border: "none",
+              cursor: "pointer",
+              textAlign: "left"
+            },
+            onMouseEnter: (e) => {
+              e.target.style.backgroundColor = "#334155";
+            },
+            onMouseLeave: (e) => {
+              e.target.style.backgroundColor = "transparent";
+            },
+            type: "button",
+            children: lang.label
+          },
+          lang.value
+        )),
+        filtered.length === 0 && /* @__PURE__ */ jsx("div", { style: { padding: "12px", fontSize: 12, color: "#64748b", textAlign: "center" }, children: "Aucun langage trouv\xE9" })
+      ] })
+    ] })
+  ] });
+}
+
+export { CodeBlockInserter };

package/dist/components/TicketConversation/components/QuickActions.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var constants = require('../constants');
+
+function QuickActions({
+  statusTransitions,
+  statusUpdating,
+  onStatusChange,
+  snoozeUntil,
+  snoozeSaving,
+  onCancelSnooze,
+  showMerge: _showMerge,
+  showExtMsg: _showExtMsg,
+  showSnooze: _showSnooze,
+  onToggleMerge,
+  onToggleExtMsg,
+  onToggleSnooze,
+  onNextTicket,
+  showNextTicket,
+  nextTicketId,
+  nextTicketInfo,
+  onCloseNextTicket
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px", alignItems: "center" }, children: [
+      statusTransitions.map((a) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => onStatusChange(a.status),
+          disabled: statusUpdating,
+          style: constants.s.outlineBtn(a.color, statusUpdating),
+          children: a.label
+        },
+        a.status
+      )),
+      snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onCancelSnooze, disabled: snoozeSaving, style: { ...constants.s.ghostBtn("#7c3aed", snoozeSaving), fontSize: "12px", padding: "5px 10px" }, children: "Annuler snooze" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { borderLeft: `1px solid ${constants.C.border}`, height: "20px", margin: "0 4px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleMerge, style: constants.s.ghostBtn("#be185d"), children: "Fusionner" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleExtMsg, style: constants.s.ghostBtn("#4f46e5"), children: "+ Message re\xE7u" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleSnooze, style: constants.s.ghostBtn("#7c3aed"), children: "Snooze" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onNextTicket, style: constants.s.ghostBtn("#16a34a"), children: "Ticket suivant" })
+    ] }),
+    showNextTicket && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "10px 14px", borderRadius: "8px", backgroundColor: "#f0fdf4", border: `1px solid ${constants.C.border}`, marginBottom: "14px", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+      nextTicketId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "13px", color: "#166534", fontWeight: 600 }, children: [
+          "Ticket suivant : ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: nextTicketInfo })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => {
+              window.location.href = `/admin/support/ticket?id=${nextTicketId}`;
+            },
+            style: { ...constants.s.btn(constants.C.statusResolved), color: constants.C.white, fontSize: "12px", padding: "5px 14px" },
+            children: "Ouvrir"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "13px", color: "#166534", fontWeight: 700 }, children: nextTicketInfo }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onCloseNextTicket, style: { border: "none", background: "none", color: constants.C.textMuted, cursor: "pointer", fontSize: "16px", fontWeight: 700, marginLeft: "8px" }, children: "\xD7" })
+    ] })
+  ] });
+}
+
+exports.QuickActions = QuickActions;

package/dist/components/TicketConversation/components/QuickActions.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { s, C } from '../constants.js';
+
+function QuickActions({
+  statusTransitions,
+  statusUpdating,
+  onStatusChange,
+  snoozeUntil,
+  snoozeSaving,
+  onCancelSnooze,
+  showMerge: _showMerge,
+  showExtMsg: _showExtMsg,
+  showSnooze: _showSnooze,
+  onToggleMerge,
+  onToggleExtMsg,
+  onToggleSnooze,
+  onNextTicket,
+  showNextTicket,
+  nextTicketId,
+  nextTicketInfo,
+  onCloseNextTicket
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px", alignItems: "center" }, children: [
+      statusTransitions.map((a) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onStatusChange(a.status),
+          disabled: statusUpdating,
+          style: s.outlineBtn(a.color, statusUpdating),
+          children: a.label
+        },
+        a.status
+      )),
+      snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsx("button", { onClick: onCancelSnooze, disabled: snoozeSaving, style: { ...s.ghostBtn("#7c3aed", snoozeSaving), fontSize: "12px", padding: "5px 10px" }, children: "Annuler snooze" }),
+      /* @__PURE__ */ jsx("span", { style: { borderLeft: `1px solid ${C.border}`, height: "20px", margin: "0 4px" } }),
+      /* @__PURE__ */ jsx("button", { onClick: onToggleMerge, style: s.ghostBtn("#be185d"), children: "Fusionner" }),
+      /* @__PURE__ */ jsx("button", { onClick: onToggleExtMsg, style: s.ghostBtn("#4f46e5"), children: "+ Message re\xE7u" }),
+      /* @__PURE__ */ jsx("button", { onClick: onToggleSnooze, style: s.ghostBtn("#7c3aed"), children: "Snooze" }),
+      /* @__PURE__ */ jsx("button", { onClick: onNextTicket, style: s.ghostBtn("#16a34a"), children: "Ticket suivant" })
+    ] }),
+    showNextTicket && /* @__PURE__ */ jsxs("div", { style: { padding: "10px 14px", borderRadius: "8px", backgroundColor: "#f0fdf4", border: `1px solid ${C.border}`, marginBottom: "14px", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+      nextTicketId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("span", { style: { fontSize: "13px", color: "#166534", fontWeight: 600 }, children: [
+          "Ticket suivant : ",
+          /* @__PURE__ */ jsx("strong", { children: nextTicketInfo })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              window.location.href = `/admin/support/ticket?id=${nextTicketId}`;
+            },
+            style: { ...s.btn(C.statusResolved), color: C.white, fontSize: "12px", padding: "5px 14px" },
+            children: "Ouvrir"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx("span", { style: { fontSize: "13px", color: "#166534", fontWeight: 700 }, children: nextTicketInfo }),
+      /* @__PURE__ */ jsx("button", { onClick: onCloseNextTicket, style: { border: "none", background: "none", color: C.textMuted, cursor: "pointer", fontSize: "16px", fontWeight: 700, marginLeft: "8px" }, children: "\xD7" })
+    ] })
+  ] });
+}
+
+export { QuickActions };

package/dist/components/TicketConversation/components/TicketHeader.cjs

@@ -0,0 +1,93 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var constants = require('../constants');
+
+const sourceLabels = {
+  email: "Email",
+  "live-chat": "Live Chat",
+  portal: "Portail",
+  admin: "Admin"
+};
+function TicketHeader({
+  ticketNumber,
+  currentStatus,
+  clientSentiment,
+  ticketSource,
+  chatSession,
+  snoozeUntil,
+  satisfaction,
+  copiedLink,
+  onCopyLink
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
+    padding: "10px 14px",
+    borderRadius: "8px",
+    backgroundColor: "var(--theme-elevation-100)",
+    marginBottom: "12px",
+    flexWrap: "wrap"
+  }, children: [
+    ticketNumber && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontFamily: "'SF Mono', 'Fira Code', 'JetBrains Mono', 'Cascadia Code', monospace", fontWeight: 700, fontSize: "14px", color: constants.C.textPrimary }, children: ticketNumber }),
+    currentStatus && (() => {
+      const st = constants.statusLabels[currentStatus] || constants.statusLabels.open;
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { style: constants.s.badge(st.bg, st.color), children: st.label });
+    })(),
+    clientSentiment && /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        style: { ...constants.s.badge(`${clientSentiment.color}15`, clientSentiment.color), fontSize: "11px" },
+        title: `Sentiment : ${clientSentiment.label}`,
+        children: [
+          clientSentiment.emoji,
+          " ",
+          clientSentiment.label
+        ]
+      }
+    ),
+    ticketSource && ticketSource !== "portal" && /* @__PURE__ */ jsxRuntime.jsx("span", { style: constants.s.badge("#f1f5f9", "#475569"), children: sourceLabels[ticketSource] || ticketSource }),
+    chatSession && ticketSource === "live-chat" && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "11px", color: constants.C.textMuted }, children: [
+      "Session : ",
+      chatSession.slice(0, 16),
+      "..."
+    ] }),
+    snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: constants.s.badge("#f5f3ff", "#7c3aed"), children: [
+      "Snooz\xE9 ",
+      new Date(snoozeUntil).toLocaleDateString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" })
+    ] }),
+    satisfaction && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: constants.s.badge(
+      satisfaction.rating >= 4 ? "#dcfce7" : satisfaction.rating >= 3 ? "#fef9c3" : "#fee2e2",
+      satisfaction.rating >= 4 ? "#166534" : satisfaction.rating >= 3 ? "#854d0e" : "#991b1b"
+    ), children: [
+      Array.from({ length: 5 }, (_, i) => i < satisfaction.rating ? "\u2605" : "\u2606").join(""),
+      " ",
+      satisfaction.rating,
+      "/5"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { marginLeft: "auto", display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => onCopyLink("admin"),
+          title: "Copier le lien admin",
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "13px", opacity: copiedLink === "admin" ? 1 : 0.5, padding: "2px 4px" },
+          children: copiedLink === "admin" ? "\u2705" : "\u{1F4CB}"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => onCopyLink("client"),
+          title: "Copier le lien client",
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "13px", opacity: copiedLink === "client" ? 1 : 0.5, padding: "2px 4px" },
+          children: copiedLink === "client" ? "\u2705" : "\u{1F517}"
+        }
+      ),
+      copiedLink && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "11px", color: "#16a34a", fontWeight: 600 }, children: "Copi\xE9" })
+    ] })
+  ] });
+}
+
+exports.TicketHeader = TicketHeader;

package/dist/components/TicketConversation/components/TicketHeader.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { C, statusLabels, s } from '../constants.js';
+
+const sourceLabels = {
+  email: "Email",
+  "live-chat": "Live Chat",
+  portal: "Portail",
+  admin: "Admin"
+};
+function TicketHeader({
+  ticketNumber,
+  currentStatus,
+  clientSentiment,
+  ticketSource,
+  chatSession,
+  snoozeUntil,
+  satisfaction,
+  copiedLink,
+  onCopyLink
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
+    padding: "10px 14px",
+    borderRadius: "8px",
+    backgroundColor: "var(--theme-elevation-100)",
+    marginBottom: "12px",
+    flexWrap: "wrap"
+  }, children: [
+    ticketNumber && /* @__PURE__ */ jsx("span", { style: { fontFamily: "'SF Mono', 'Fira Code', 'JetBrains Mono', 'Cascadia Code', monospace", fontWeight: 700, fontSize: "14px", color: C.textPrimary }, children: ticketNumber }),
+    currentStatus && (() => {
+      const st = statusLabels[currentStatus] || statusLabels.open;
+      return /* @__PURE__ */ jsx("span", { style: s.badge(st.bg, st.color), children: st.label });
+    })(),
+    clientSentiment && /* @__PURE__ */ jsxs(
+      "span",
+      {
+        style: { ...s.badge(`${clientSentiment.color}15`, clientSentiment.color), fontSize: "11px" },
+        title: `Sentiment : ${clientSentiment.label}`,
+        children: [
+          clientSentiment.emoji,
+          " ",
+          clientSentiment.label
+        ]
+      }
+    ),
+    ticketSource && ticketSource !== "portal" && /* @__PURE__ */ jsx("span", { style: s.badge("#f1f5f9", "#475569"), children: sourceLabels[ticketSource] || ticketSource }),
+    chatSession && ticketSource === "live-chat" && /* @__PURE__ */ jsxs("span", { style: { fontSize: "11px", color: C.textMuted }, children: [
+      "Session : ",
+      chatSession.slice(0, 16),
+      "..."
+    ] }),
+    snoozeUntil && new Date(snoozeUntil) > /* @__PURE__ */ new Date() && /* @__PURE__ */ jsxs("span", { style: s.badge("#f5f3ff", "#7c3aed"), children: [
+      "Snooz\xE9 ",
+      new Date(snoozeUntil).toLocaleDateString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" })
+    ] }),
+    satisfaction && /* @__PURE__ */ jsxs("span", { style: s.badge(
+      satisfaction.rating >= 4 ? "#dcfce7" : satisfaction.rating >= 3 ? "#fef9c3" : "#fee2e2",
+      satisfaction.rating >= 4 ? "#166534" : satisfaction.rating >= 3 ? "#854d0e" : "#991b1b"
+    ), children: [
+      Array.from({ length: 5 }, (_, i) => i < satisfaction.rating ? "\u2605" : "\u2606").join(""),
+      " ",
+      satisfaction.rating,
+      "/5"
+    ] }),
+    /* @__PURE__ */ jsxs("span", { style: { marginLeft: "auto", display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onCopyLink("admin"),
+          title: "Copier le lien admin",
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "13px", opacity: copiedLink === "admin" ? 1 : 0.5, padding: "2px 4px" },
+          children: copiedLink === "admin" ? "\u2705" : "\u{1F4CB}"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onCopyLink("client"),
+          title: "Copier le lien client",
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "13px", opacity: copiedLink === "client" ? 1 : 0.5, padding: "2px 4px" },
+          children: copiedLink === "client" ? "\u2705" : "\u{1F517}"
+        }
+      ),
+      copiedLink && /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", color: "#16a34a", fontWeight: 600 }, children: "Copi\xE9" })
+    ] })
+  ] });
+}
+
+export { TicketHeader };