@consilioweb/payload-support 2.0.0 → 3.0.0

package/dist/components/RichTextEditor/index.cjs

@@ -1,279 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const RichTextEditor = react.forwardRef(function RichTextEditor2({
-  initialValue = "",
-  onChange,
-  placeholder = "\xC9crivez votre message...",
-  minHeight = 150,
-  onFileUpload,
-  borderColor = "#000",
-  focusBorderColor = "#00E5FF"
-}, ref) {
-  const editorRef = react.useRef(null);
-  const fileInputRef = react.useRef(null);
-  const [focused, setFocused] = react.useState(false);
-  const [isEmpty, setIsEmpty] = react.useState(!initialValue);
-  react.useEffect(() => {
-    if (editorRef.current && initialValue) {
-      editorRef.current.innerHTML = initialValue;
-      const text = editorRef.current.innerText?.trim() || "";
-      setIsEmpty(!text && !editorRef.current.querySelector("img"));
-    }
-  }, []);
-  const emitChange = react.useCallback(() => {
-    if (!editorRef.current) return;
-    const html = editorRef.current.innerHTML;
-    const text = editorRef.current.innerText?.trim() || "";
-    const empty = !text && !editorRef.current.querySelector("img");
-    setIsEmpty(empty);
-    onChange(empty ? "" : html, text);
-  }, [onChange]);
-  const exec = react.useCallback((command, value) => {
-    document.execCommand(command, false, value);
-    editorRef.current?.focus();
-    setTimeout(emitChange, 0);
-  }, [emitChange]);
-  react.useImperativeHandle(ref, () => ({
-    clear: () => {
-      if (editorRef.current) {
-        editorRef.current.innerHTML = "";
-        setIsEmpty(true);
-        onChange("", "");
-      }
-    },
-    setContent: (html) => {
-      if (editorRef.current) {
-        editorRef.current.innerHTML = html;
-        const text = editorRef.current.innerText?.trim() || "";
-        setIsEmpty(!text && !editorRef.current.querySelector("img"));
-        onChange(html, text);
-      }
-    },
-    getHtml: () => editorRef.current?.innerHTML || "",
-    getPlainText: () => editorRef.current?.innerText?.trim() || "",
-    focus: () => editorRef.current?.focus()
-  }));
-  const handleInsertLink = react.useCallback(() => {
-    const sel = window.getSelection();
-    if (!sel || sel.isCollapsed) {
-      const url = prompt("URL du lien :");
-      if (!url) return;
-      const text = prompt("Texte du lien :", url) || url;
-      const safeUrl = url.replace(/"/g, """);
-      const safeText = text.replace(/</g, "&lt;").replace(/>/g, "&gt;");
-      document.execCommand("insertHTML", false, `<a href="${safeUrl}" target="_blank" rel="noopener noreferrer">${safeText}</a>`);
-      editorRef.current?.focus();
-      setTimeout(emitChange, 0);
-    } else {
-      const url = prompt("URL du lien :");
-      if (url) exec("createLink", url);
-    }
-  }, [exec, emitChange]);
-  const handleImageClick = react.useCallback(() => {
-    if (onFileUpload) {
-      fileInputRef.current?.click();
-    } else {
-      const url = prompt("URL de l'image :");
-      if (url) {
-        const safeUrl = url.replace(/"/g, "&quot;");
-        document.execCommand("insertHTML", false, `<img src="${safeUrl}" alt="Image" style="max-width:100%;height:auto;border-radius:8px;margin:8px 0;" />`);
-        editorRef.current?.focus();
-        setTimeout(emitChange, 0);
-      }
-    }
-  }, [onFileUpload, emitChange]);
-  const handleFileChange = react.useCallback(async (e) => {
-    if (!e.target.files || !onFileUpload) return;
-    for (const file of Array.from(e.target.files)) {
-      if (!file.type.startsWith("image/")) continue;
-      const url = await onFileUpload(file);
-      if (url) {
-        const safeName = file.name.replace(/"/g, "&quot;");
-        document.execCommand("insertHTML", false, `<img src="${url}" alt="${safeName}" style="max-width:100%;height:auto;border-radius:8px;margin:8px 0;" />`);
-        editorRef.current?.focus();
-        setTimeout(emitChange, 0);
-      }
-    }
-    if (fileInputRef.current) fileInputRef.current.value = "";
-  }, [onFileUpload, emitChange]);
-  const handleClearFormat = react.useCallback(() => {
-    document.execCommand("removeFormat");
-    document.execCommand("formatBlock", false, "p");
-    editorRef.current?.focus();
-    setTimeout(emitChange, 0);
-  }, [emitChange]);
-  const handleKeyDown = react.useCallback((e) => {
-    if (e.key !== "Enter" || e.shiftKey) return;
-    const sel = window.getSelection();
-    if (!sel || sel.rangeCount === 0) return;
-    let node = sel.anchorNode;
-    let blockquote = null;
-    while (node && node !== editorRef.current) {
-      if (node.nodeName === "BLOCKQUOTE") {
-        blockquote = node;
-        break;
-      }
-      node = node.parentNode;
-    }
-    if (!blockquote) return;
-    const text = blockquote.innerText || "";
-    if (text.replace(/\n+$/, "").length === 0 || text.endsWith("\n\n") || text.endsWith("\n")) {
-      e.preventDefault();
-      const p = document.createElement("p");
-      p.innerHTML = "<br>";
-      blockquote.after(p);
-      if (blockquote.lastChild && blockquote.lastChild.nodeName === "BR") {
-        blockquote.removeChild(blockquote.lastChild);
-      }
-      const range = document.createRange();
-      range.setStart(p, 0);
-      range.collapse(true);
-      sel.removeAllRanges();
-      sel.addRange(range);
-      setTimeout(emitChange, 0);
-    }
-  }, [emitChange]);
-  const handlePaste = react.useCallback(async (e) => {
-    if (!onFileUpload) return;
-    const items = e.clipboardData?.items;
-    if (!items) return;
-    for (const item of Array.from(items)) {
-      if (item.type.startsWith("image/")) {
-        e.preventDefault();
-        const file = item.getAsFile();
-        if (file) {
-          const url = await onFileUpload(file);
-          if (url) {
-            document.execCommand("insertHTML", false, `<img src="${url}" alt="Image coll\xE9e" style="max-width:100%;height:auto;border-radius:8px;margin:8px 0;" />`);
-            editorRef.current?.focus();
-            setTimeout(emitChange, 0);
-          }
-        }
-        return;
-      }
-    }
-  }, [onFileUpload, emitChange]);
-  const btn = {
-    border: "none",
-    background: "transparent",
-    cursor: "pointer",
-    padding: "8px 10px",
-    fontSize: "13px",
-    fontWeight: 700,
-    color: "#555",
-    borderRadius: "5px",
-    lineHeight: 1,
-    minHeight: "44px",
-    minWidth: "44px",
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center"
-  };
-  const sep = {
-    width: "1px",
-    height: "18px",
-    background: "#d1d5db",
-    margin: "0 4px",
-    alignSelf: "center"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { border: `3px solid ${focused ? focusBorderColor : borderColor}`, borderRadius: "12px", overflow: "hidden", transition: "border-color 0.15s", background: "#fff" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-        .rte-toolbar button:hover { background: #e5e7eb !important; }
-        .rte-editor blockquote { border-left: 4px solid #00E5FF; margin: 8px 0; padding: 8px 16px; background: #f0f9ff; border-radius: 0 6px 6px 0; }
-        .rte-editor img { max-width: 100%; height: auto; border-radius: 8px; margin: 8px 0; }
-        .rte-editor a { color: #00838f; text-decoration: underline; }
-        .rte-editor ul, .rte-editor ol { margin: 8px 0; padding-left: 24px; }
-        .rte-editor li { margin: 2px 0; }
-        .rte-editor p { margin: 0 0 6px 0; }
-      ` }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rte-toolbar", style: { display: "flex", alignItems: "center", gap: "2px", padding: "6px 10px", borderBottom: "2px solid #e5e7eb", backgroundColor: "#f9fafb", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: btn, onMouseDown: (e) => {
-        e.preventDefault();
-        exec("bold");
-      }, title: "Gras (Ctrl+B)", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "B" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: btn, onMouseDown: (e) => {
-        e.preventDefault();
-        exec("italic");
-      }, title: "Italique (Ctrl+I)", children: /* @__PURE__ */ jsxRuntime.jsx("em", { style: { fontStyle: "italic" }, children: "I" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: btn, onMouseDown: (e) => {
-        e.preventDefault();
-        exec("underline");
-      }, title: "Soulign\xE9 (Ctrl+U)", children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { textDecoration: "underline" }, children: "S" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { style: sep }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: { ...btn, fontSize: "16px" }, onMouseDown: (e) => {
-        e.preventDefault();
-        exec("formatBlock", "blockquote");
-      }, title: "Citation", children: "\u201C\u201D" }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: { ...btn, fontSize: "12px" }, onMouseDown: (e) => {
-        e.preventDefault();
-        exec("insertUnorderedList");
-      }, title: "Liste \xE0 puces", children: "\u2022 Liste" }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: { ...btn, fontSize: "12px" }, onMouseDown: (e) => {
-        e.preventDefault();
-        exec("insertOrderedList");
-      }, title: "Liste num\xE9rot\xE9e", children: "1. Liste" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { style: sep }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: btn, onMouseDown: (e) => {
-        e.preventDefault();
-        handleInsertLink();
-      }, title: "Ins\xE9rer un lien", children: "\u{1F517}" }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: btn, onMouseDown: (e) => {
-        e.preventDefault();
-        handleImageClick();
-      }, title: "Ins\xE9rer une image", children: "\u{1F5BC}\uFE0F" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { style: sep }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", style: { ...btn, fontSize: "13px" }, onMouseDown: (e) => {
-        e.preventDefault();
-        handleClearFormat();
-      }, title: "Effacer la mise en forme", children: [
-        "T",
-        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "10px", verticalAlign: "super" }, children: "\xD7" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
-      isEmpty && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", top: 0, left: 0, right: 0, padding: "14px 16px", color: "#9ca3af", fontSize: "14px", pointerEvents: "none", userSelect: "none" }, children: placeholder }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref: editorRef,
-          className: "rte-editor",
-          contentEditable: true,
-          suppressContentEditableWarning: true,
-          onInput: emitChange,
-          onFocus: () => setFocused(true),
-          onBlur: () => {
-            setFocused(false);
-            emitChange();
-          },
-          onPaste: handlePaste,
-          onKeyDown: handleKeyDown,
-          style: {
-            minHeight: `${minHeight}px`,
-            padding: "14px 16px",
-            fontSize: "14px",
-            lineHeight: 1.6,
-            color: "#1f2937",
-            outline: "none",
-            overflowY: "auto"
-          }
-        }
-      )
-    ] }),
-    onFileUpload && /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept: "image/*",
-        multiple: true,
-        onChange: handleFileChange,
-        style: { display: "none" }
-      }
-    )
-  ] });
-});
-
-exports.RichTextEditor = RichTextEditor;

package/dist/components/TicketConversation/RewriteDropdown.cjs

@@ -1,98 +0,0 @@
-'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/SkeletonText.cjs

@@ -1,21 +0,0 @@
-'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/components/AISummaryPanel.cjs

@@ -1,85 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var constants = require('../constants');
-
-function renderAiSummary(summary) {
-  const lines = summary.split("\n");
-  const result = [];
-  lines.forEach((line, lineIndex) => {
-    if (lineIndex > 0) result.push(/* @__PURE__ */ jsxRuntime.jsx("br", {}, `break-${lineIndex}`));
-    line.split(/(\*\*.*?\*\*)/g).filter(Boolean).forEach((part, partIndex) => {
-      if (part.startsWith("**") && part.endsWith("**")) {
-        result.push(/* @__PURE__ */ jsxRuntime.jsx("strong", { children: part.slice(2, -2) }, `${lineIndex}-${partIndex}`));
-      } else {
-        result.push(part);
-      }
-    });
-  });
-  return result;
-}
-function AISummaryPanel({
-  showAiSummary,
-  setShowAiSummary,
-  aiSummary,
-  aiGenerating,
-  aiSaving,
-  aiSaved,
-  handleAiGenerate,
-  handleAiSave
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "14px" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => {
-          setShowAiSummary(!showAiSummary);
-          if (!showAiSummary && !aiSummary) handleAiGenerate();
-        },
-        style: {
-          ...constants.s.ghostBtn("#17807c", false),
-          fontSize: "12px",
-          display: "inline-flex",
-          alignItems: "center",
-          gap: "6px"
-        },
-        children: showAiSummary ? "Masquer la synth\xE8se IA" : "Synth\xE8se IA"
-      }
-    ),
-    showAiSummary && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
-      marginTop: "10px",
-      padding: "14px 18px",
-      borderRadius: "8px",
-      backgroundColor: "#eef8f7",
-      border: "1px solid #b8dcda"
-    }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "10px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontSize: "13px", fontWeight: 600, color: "#17807c", margin: 0 }, children: "Synth\xE8se IA" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "6px" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleAiGenerate,
-              disabled: aiGenerating,
-              style: { ...constants.s.outlineBtn("#17807c", aiGenerating), fontSize: "11px", padding: "4px 10px" },
-              children: aiGenerating ? "G\xE9n\xE9ration..." : "R\xE9g\xE9n\xE9rer"
-            }
-          ),
-          aiSummary && !aiGenerating && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleAiSave,
-              disabled: aiSaving || aiSaved,
-              style: { ...constants.s.btn(aiSaved ? "#16a34a" : "#2563eb", aiSaving), fontSize: "11px", padding: "4px 10px" },
-              children: aiSaved ? "Sauvegard\xE9" : aiSaving ? "Sauvegarde..." : "Sauvegarder (note interne)"
-            }
-          )
-        ] })
-      ] }),
-      aiGenerating ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "10px", color: "#17807c", fontSize: "13px" }, children: "Analyse de la conversation en cours..." }) : aiSummary ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "13px", lineHeight: "1.7", color: "#1e1b4b", whiteSpace: "pre-wrap" }, children: renderAiSummary(aiSummary) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#999", fontStyle: "italic", fontSize: "13px", margin: 0 }, children: `Cliquez sur "R\xE9g\xE9n\xE9rer" pour lancer l'analyse` })
-    ] })
-  ] });
-}
-
-exports.AISummaryPanel = AISummaryPanel;
-exports.renderAiSummary = renderAiSummary;