@consilioweb/payload-support 0.16.0 → 1.1.0

package/dist/components/TicketConversation/RewriteDropdown.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var constants = require('./constants');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const RewriteDropdown = ({ disabled, loading, onSelect }) => {
+  const [open, setOpen] = React.useState(false);
+  const ref = React__default.default.useRef(null);
+  React__default.default.useEffect(() => {
+    if (!open) return;
+    const close = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", close);
+    return () => document.removeEventListener("mousedown", close);
+  }, [open]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(!open),
+        disabled,
+        style: {
+          ...constants.s.outlineBtn("#0891b2", disabled),
+          fontSize: "11px",
+          padding: "3px 10px",
+          borderRadius: "14px",
+          display: "flex",
+          alignItems: "center",
+          gap: "4px"
+        },
+        children: [
+          loading ? "Reformulation..." : "\u270F\uFE0F Reformuler",
+          !loading && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 9, opacity: 0.7 }, children: "\u25BC" })
+        ]
+      }
+    ),
+    open && !disabled && !loading && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          bottom: "100%",
+          left: 0,
+          marginBottom: 4,
+          background: "var(--theme-elevation-0, #fff)",
+          border: "1px solid var(--theme-elevation-200, #e5e7eb)",
+          borderRadius: 8,
+          boxShadow: "0 4px 16px rgba(0,0,0,0.12)",
+          zIndex: 100,
+          minWidth: 180,
+          overflow: "hidden"
+        },
+        children: constants.REWRITE_STYLES.map((style) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setOpen(false);
+              onSelect(style.id);
+            },
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              width: "100%",
+              padding: "8px 12px",
+              border: "none",
+              background: "transparent",
+              cursor: "pointer",
+              textAlign: "left",
+              borderBottom: "1px solid var(--theme-elevation-100, #f3f4f6)",
+              transition: "background 120ms"
+            },
+            onMouseEnter: (e) => {
+              e.target.style.background = "var(--theme-elevation-50, #f9fafb)";
+            },
+            onMouseLeave: (e) => {
+              e.target.style.background = "transparent";
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--theme-text, #111)" }, children: style.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 10, color: "var(--theme-elevation-500, #6b7280)" }, children: style.desc })
+            ]
+          },
+          style.id
+        ))
+      }
+    )
+  ] });
+};
+
+exports.RewriteDropdown = RewriteDropdown;

package/dist/components/TicketConversation/RewriteDropdown.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState } from 'react';
+import { s, REWRITE_STYLES } from './constants.js';
+
+const RewriteDropdown = ({ disabled, loading, onSelect }) => {
+  const [open, setOpen] = useState(false);
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    if (!open) return;
+    const close = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", close);
+    return () => document.removeEventListener("mousedown", close);
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { ref, style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(!open),
+        disabled,
+        style: {
+          ...s.outlineBtn("#0891b2", disabled),
+          fontSize: "11px",
+          padding: "3px 10px",
+          borderRadius: "14px",
+          display: "flex",
+          alignItems: "center",
+          gap: "4px"
+        },
+        children: [
+          loading ? "Reformulation..." : "\u270F\uFE0F Reformuler",
+          !loading && /* @__PURE__ */ jsx("span", { style: { fontSize: 9, opacity: 0.7 }, children: "\u25BC" })
+        ]
+      }
+    ),
+    open && !disabled && !loading && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          bottom: "100%",
+          left: 0,
+          marginBottom: 4,
+          background: "var(--theme-elevation-0, #fff)",
+          border: "1px solid var(--theme-elevation-200, #e5e7eb)",
+          borderRadius: 8,
+          boxShadow: "0 4px 16px rgba(0,0,0,0.12)",
+          zIndex: 100,
+          minWidth: 180,
+          overflow: "hidden"
+        },
+        children: REWRITE_STYLES.map((style) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setOpen(false);
+              onSelect(style.id);
+            },
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              width: "100%",
+              padding: "8px 12px",
+              border: "none",
+              background: "transparent",
+              cursor: "pointer",
+              textAlign: "left",
+              borderBottom: "1px solid var(--theme-elevation-100, #f3f4f6)",
+              transition: "background 120ms"
+            },
+            onMouseEnter: (e) => {
+              e.target.style.background = "var(--theme-elevation-50, #f9fafb)";
+            },
+            onMouseLeave: (e) => {
+              e.target.style.background = "transparent";
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--theme-text, #111)" }, children: style.label }),
+              /* @__PURE__ */ jsx("span", { style: { fontSize: 10, color: "var(--theme-elevation-500, #6b7280)" }, children: style.desc })
+            ]
+          },
+          style.id
+        ))
+      }
+    )
+  ] });
+};
+
+export { RewriteDropdown };

package/dist/components/TicketConversation/SkeletonText.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function SkeletonText({ lines = 3 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px", padding: "12px 0" }, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        height: "14px",
+        borderRadius: "4px",
+        backgroundColor: "#e2e8f0",
+        width: i === lines - 1 ? "60%" : "100%",
+        animation: "pulse 1.5s ease-in-out infinite"
+      }
+    },
+    i
+  )) });
+}
+
+exports.SkeletonText = SkeletonText;

package/dist/components/TicketConversation/SkeletonText.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+
+function SkeletonText({ lines = 3 }) {
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px", padding: "12px 0" }, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        height: "14px",
+        borderRadius: "4px",
+        backgroundColor: "#e2e8f0",
+        width: i === lines - 1 ? "60%" : "100%",
+        animation: "pulse 1.5s ease-in-out infinite"
+      }
+    },
+    i
+  )) });
+}
+
+export { SkeletonText };

package/dist/components/TicketConversation/constants.cjs

@@ -1,5 +1,30 @@
 'use strict';
 
+const REWRITE_STYLES = [
+  { id: "auto", label: "\u270F\uFE0F Auto", desc: "Garde le ton actuel" },
+  { id: "tutoyer", label: "\u{1F44B} Tutoyer", desc: "Passe en tu" },
+  { id: "vouvoyer", label: "\u{1F3A9} Vouvoyer", desc: "Passe en vous" },
+  { id: "formel", label: "\u{1F4BC} Formel", desc: "Ton professionnel" },
+  { id: "amical", label: "\u{1F60A} Amical", desc: "Ton chaleureux" },
+  { id: "court", label: "\u26A1 Court", desc: "Version concise" }
+];
+const layoutStyles = {
+  root: { padding: "12px 0" },
+  twoColumns: {
+    display: "grid",
+    gridTemplateColumns: "1fr 320px",
+    gap: "16px",
+    alignItems: "start"
+  },
+  mainColumn: { minWidth: 0 },
+  sideColumn: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    position: "sticky",
+    top: "80px"
+  }
+};
 const statusLabels = {
   open: { label: "Ouvert", bg: "#dbeafe", color: "#1e40af" },
   waiting_client: { label: "Attente", bg: "#fef3c7", color: "#92400e" },
@@ -95,6 +120,8 @@ const s = {
 };
 
 exports.C = C;
+exports.REWRITE_STYLES = REWRITE_STYLES;
+exports.layoutStyles = layoutStyles;
 exports.projectStatusLabels = projectStatusLabels;
 exports.s = s;
 exports.statusLabels = statusLabels;

package/dist/components/TicketConversation/constants.js

@@ -1,4 +1,29 @@
 "use client";
+const REWRITE_STYLES = [
+  { id: "auto", label: "\u270F\uFE0F Auto", desc: "Garde le ton actuel" },
+  { id: "tutoyer", label: "\u{1F44B} Tutoyer", desc: "Passe en tu" },
+  { id: "vouvoyer", label: "\u{1F3A9} Vouvoyer", desc: "Passe en vous" },
+  { id: "formel", label: "\u{1F4BC} Formel", desc: "Ton professionnel" },
+  { id: "amical", label: "\u{1F60A} Amical", desc: "Ton chaleureux" },
+  { id: "court", label: "\u26A1 Court", desc: "Version concise" }
+];
+const layoutStyles = {
+  root: { padding: "12px 0" },
+  twoColumns: {
+    display: "grid",
+    gridTemplateColumns: "1fr 320px",
+    gap: "16px",
+    alignItems: "start"
+  },
+  mainColumn: { minWidth: 0 },
+  sideColumn: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    position: "sticky",
+    top: "80px"
+  }
+};
 const statusLabels = {
   open: { label: "Ouvert", bg: "#dbeafe", color: "#1e40af" },
   waiting_client: { label: "Attente", bg: "#fef3c7", color: "#92400e" },
@@ -93,4 +118,4 @@ const s = {
   })
 };
 
-export { C, projectStatusLabels, s, statusLabels };
+export { C, REWRITE_STYLES, layoutStyles, projectStatusLabels, s, statusLabels };

package/dist/components/TicketConversation/hooks/useDocumentIdFromUrl.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var react = require('react');
+
+function useDocumentIdFromUrl() {
+  const [id, setId] = react.useState(void 0);
+  react.useEffect(() => {
+    const match = window.location.pathname.match(
+      /\/admin\/collections\/[^/]+\/([^/?#]+)/
+    );
+    if (match && match[1] !== "create") {
+      const raw = match[1];
+      const num = Number(raw);
+      setId(Number.isFinite(num) && String(num) === raw ? num : raw);
+    }
+  }, []);
+  return { id };
+}
+
+exports.useDocumentIdFromUrl = useDocumentIdFromUrl;

package/dist/components/TicketConversation/hooks/useDocumentIdFromUrl.js

@@ -0,0 +1,19 @@
+"use client";
+import { useState, useEffect } from 'react';
+
+function useDocumentIdFromUrl() {
+  const [id, setId] = useState(void 0);
+  useEffect(() => {
+    const match = window.location.pathname.match(
+      /\/admin\/collections\/[^/]+\/([^/?#]+)/
+    );
+    if (match && match[1] !== "create") {
+      const raw = match[1];
+      const num = Number(raw);
+      setId(Number.isFinite(num) && String(num) === raw ? num : raw);
+    }
+  }, []);
+  return { id };
+}
+
+export { useDocumentIdFromUrl };

package/dist/components/TicketConversation/index.cjs

@@ -19,155 +19,18 @@ var useMessageActions = require('./hooks/useMessageActions');
 var useTicketActions = require('./hooks/useTicketActions');
 var useReply = require('./hooks/useReply');
 var useAI = require('./hooks/useAI');
+var useDocumentIdFromUrl = require('./hooks/useDocumentIdFromUrl');
 var config = require('./config');
+var SkeletonText = require('./SkeletonText');
+var RewriteDropdown = require('./RewriteDropdown');
 require('../../styles/theme.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-function useDocumentIdFromUrl() {
-  const [id, setId] = React.useState(void 0);
-  React.useEffect(() => {
-    const match = window.location.pathname.match(
-      /\/admin\/collections\/[^/]+\/([^/?#]+)/
-    );
-    if (match && match[1] !== "create") {
-      const raw = match[1];
-      const num = Number(raw);
-      setId(Number.isFinite(num) && String(num) === raw ? num : raw);
-    }
-  }, []);
-  return { id };
-}
-function SkeletonText({ lines = 3 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px", padding: "12px 0" }, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      style: {
-        height: "14px",
-        borderRadius: "4px",
-        backgroundColor: "#e2e8f0",
-        width: i === lines - 1 ? "60%" : "100%",
-        animation: "pulse 1.5s ease-in-out infinite"
-      }
-    },
-    i
-  )) });
-}
-const layoutStyles = {
-  root: { padding: "12px 0" },
-  twoColumns: {
-    display: "grid",
-    gridTemplateColumns: "1fr 320px",
-    gap: "16px",
-    alignItems: "start"
-  },
-  mainColumn: { minWidth: 0 },
-  sideColumn: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "12px",
-    position: "sticky",
-    top: "80px"
-  }
-};
-const REWRITE_STYLES = [
-  { id: "auto", label: "\u270F\uFE0F Auto", desc: "Garde le ton actuel" },
-  { id: "tutoyer", label: "\u{1F44B} Tutoyer", desc: "Passe en tu" },
-  { id: "vouvoyer", label: "\u{1F3A9} Vouvoyer", desc: "Passe en vous" },
-  { id: "formel", label: "\u{1F4BC} Formel", desc: "Ton professionnel" },
-  { id: "amical", label: "\u{1F60A} Amical", desc: "Ton chaleureux" },
-  { id: "court", label: "\u26A1 Court", desc: "Version concise" }
-];
-const RewriteDropdown = ({ disabled, loading, onSelect }) => {
-  const [open, setOpen] = React.useState(false);
-  const ref = React__default.default.useRef(null);
-  React__default.default.useEffect(() => {
-    if (!open) return;
-    const close = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-    };
-    document.addEventListener("mousedown", close);
-    return () => document.removeEventListener("mousedown", close);
-  }, [open]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen(!open),
-        disabled,
-        style: {
-          ...constants.s.outlineBtn("#0891b2", disabled),
-          fontSize: "11px",
-          padding: "3px 10px",
-          borderRadius: "14px",
-          display: "flex",
-          alignItems: "center",
-          gap: "4px"
-        },
-        children: [
-          loading ? "Reformulation..." : "\u270F\uFE0F Reformuler",
-          !loading && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 9, opacity: 0.7 }, children: "\u25BC" })
-        ]
-      }
-    ),
-    open && !disabled && !loading && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          bottom: "100%",
-          left: 0,
-          marginBottom: 4,
-          background: "var(--theme-elevation-0, #fff)",
-          border: "1px solid var(--theme-elevation-200, #e5e7eb)",
-          borderRadius: 8,
-          boxShadow: "0 4px 16px rgba(0,0,0,0.12)",
-          zIndex: 100,
-          minWidth: 180,
-          overflow: "hidden"
-        },
-        children: REWRITE_STYLES.map((style) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              setOpen(false);
-              onSelect(style.id);
-            },
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              width: "100%",
-              padding: "8px 12px",
-              border: "none",
-              background: "transparent",
-              cursor: "pointer",
-              textAlign: "left",
-              borderBottom: "1px solid var(--theme-elevation-100, #f3f4f6)",
-              transition: "background 120ms"
-            },
-            onMouseEnter: (e) => {
-              e.target.style.background = "var(--theme-elevation-50, #f9fafb)";
-            },
-            onMouseLeave: (e) => {
-              e.target.style.background = "transparent";
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--theme-text, #111)" }, children: style.label }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 10, color: "var(--theme-elevation-500, #6b7280)" }, children: style.desc })
-            ]
-          },
-          style.id
-        ))
-      }
-    )
-  ] });
-};
 const TicketConversation = () => {
-  const { id } = useDocumentIdFromUrl();
+  const { id } = useDocumentIdFromUrl.useDocumentIdFromUrl();
   const [features] = React.useState(() => config.getFeatures());
   const [messages, setMessages] = React.useState([]);
   const [timeEntries, setTimeEntries] = React.useState([]);
@@ -483,7 +346,7 @@ const TicketConversation = () => {
         ];
     }
   })();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: layoutStyles.root, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.layoutStyles.root, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       TicketHeader.TicketHeader,
       {
@@ -499,8 +362,8 @@ const TicketConversation = () => {
       }
     ),
     client && /* @__PURE__ */ jsxRuntime.jsx(ClientBar.ClientBar, { client }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: layoutStyles.twoColumns, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: layoutStyles.mainColumn, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.layoutStyles.twoColumns, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.layoutStyles.mainColumn, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "4px", display: "flex", alignItems: "center", gap: "10px" }, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("h3", { style: { fontSize: "14px", fontWeight: 600, margin: 0, display: "flex", alignItems: "center", gap: "8px" }, children: [
             "Conversation ",
@@ -517,7 +380,7 @@ const TicketConversation = () => {
             }
           ) })
         ] }),
-        loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonText, { lines: 4 }) : messages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#999", fontStyle: "italic", padding: "12px 0" }, children: "Aucun message." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "10px", marginBottom: "16px", paddingRight: "4px" }, children: (() => {
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonText.SkeletonText, { lines: 4 }) : messages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#999", fontStyle: "italic", padding: "12px 0" }, children: "Aucun message." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "10px", marginBottom: "16px", paddingRight: "4px" }, children: (() => {
           const filtered = messages.filter((msg) => !searchQuery.trim() || msg.body.toLowerCase().includes(searchQuery.toLowerCase()));
           const isSearching = searchQuery.trim().length > 0;
           const VISIBLE_COUNT = 3;
@@ -902,7 +765,7 @@ const TicketConversation = () => {
               }
             ),
             features.ai && /* @__PURE__ */ jsxRuntime.jsx(
-              RewriteDropdown,
+              RewriteDropdown.RewriteDropdown,
               {
                 disabled: aiRewriting || !replyBody.trim(),
                 loading: aiRewriting,
@@ -1173,7 +1036,7 @@ const TicketConversation = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: layoutStyles.sideColumn, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.layoutStyles.sideColumn, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           TimeTrackingPanel.TimeTrackingPanel,
           {