@consilioweb/payload-support 0.6.5 → 0.8.0

package/README.md

@@ -37,7 +37,7 @@
 >
 > And ensure all `@consilioweb/*` packages are in `transpilePackages` in your `next.config.ts`:
 > ```ts
-> transpilePackages: ['@consilioweb/seo-analyzer', '@consilioweb/admin-nav', /* ...other @consilioweb packages */],
+> transpilePackages: ['@consilioweb/payload-seo-analyzer', '@consilioweb/payload-admin-nav', /* ...other @consilioweb packages */],
 > ```
 >
 > ✅ **Next.js 15** works without any workaround.

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

@@ -75,7 +75,7 @@ function useAI(messages, client, ticketSubject, replyBody, setReplyBody, setRepl
     }
     setAiReplying(false);
   };
-  const handleAiRewrite = async () => {
+  const handleAiRewrite = async (style = "auto") => {
     if (!replyBody.trim()) return;
     setAiRewriting(true);
     try {
@@ -83,7 +83,7 @@ function useAI(messages, client, ticketSubject, replyBody, setReplyBody, setRepl
         method: "POST",
         headers: { "Content-Type": "application/json" },
         credentials: "include",
-        body: JSON.stringify({ action: "rewrite", text: replyBody })
+        body: JSON.stringify({ action: "rewrite", text: replyBody, style })
       });
       if (res.ok) {
         const data = await res.json();

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

@@ -74,7 +74,7 @@ function useAI(messages, client, ticketSubject, replyBody, setReplyBody, setRepl
     }
     setAiReplying(false);
   };
-  const handleAiRewrite = async () => {
+  const handleAiRewrite = async (style = "auto") => {
     if (!replyBody.trim()) return;
     setAiRewriting(true);
     try {
@@ -82,7 +82,7 @@ function useAI(messages, client, ticketSubject, replyBody, setReplyBody, setRepl
         method: "POST",
         headers: { "Content-Type": "application/json" },
         credentials: "include",
-        body: JSON.stringify({ action: "rewrite", text: replyBody })
+        body: JSON.stringify({ action: "rewrite", text: replyBody, style })
       });
       if (res.ok) {
         const data = await res.json();

package/dist/components/TicketConversation/index.cjs

@@ -72,6 +72,100 @@ const layoutStyles = {
     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 [features] = React.useState(() => config.getFeatures());
@@ -805,12 +899,11 @@ const TicketConversation = () => {
               }
             ),
             features.ai && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
+              RewriteDropdown,
               {
-                onClick: handleAiRewrite,
                 disabled: aiRewriting || !replyBody.trim(),
-                style: { ...constants.s.outlineBtn("#0891b2", aiRewriting || !replyBody.trim()), fontSize: "11px", padding: "3px 10px", borderRadius: "14px" },
-                children: aiRewriting ? "Reformulation..." : "Reformuler"
+                loading: aiRewriting,
+                onSelect: (style) => handleAiRewrite(style)
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components/TicketConversation/index.js

@@ -67,6 +67,100 @@ const layoutStyles = {
     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] = 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
+        ))
+      }
+    )
+  ] });
+};
 const TicketConversation = () => {
   const { id } = useDocumentIdFromUrl();
   const [features] = useState(() => getFeatures());
@@ -800,12 +894,11 @@ const TicketConversation = () => {
               }
             ),
             features.ai && /* @__PURE__ */ jsx(
-              "button",
+              RewriteDropdown,
               {
-                onClick: handleAiRewrite,
                 disabled: aiRewriting || !replyBody.trim(),
-                style: { ...s.outlineBtn("#0891b2", aiRewriting || !replyBody.trim()), fontSize: "11px", padding: "3px 10px", borderRadius: "14px" },
-                children: aiRewriting ? "Reformulation..." : "Reformuler"
+                loading: aiRewriting,
+                onSelect: (style) => handleAiRewrite(style)
               }
             ),
             /* @__PURE__ */ jsx(