impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/TableChat/components/TextEditor/EditorToolbar.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export declare const EditorToolbar: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+//# sourceMappingURL=EditorToolbar.d.ts.map

package/dist/components/TableChat/components/TextEditor/EditorToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/EditorToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,OAAO,6BAA6B,CAAC;AAsErC,eAAO,MAAM,aAAa,+DAoGzB,CAAC"}

package/dist/components/TableChat/components/TextEditor/EditorToolbar.js

@@ -0,0 +1,196 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.editor-toolbar{align-items:center;background-color:var(--toolbar-bg,#fff);display:flex;flex-wrap:wrap;gap:8px;padding:8px}.editor-toolbar .format-button{border-radius:4px;color:var(--icon-color,#60697d);padding:4px;transition:all .2s ease}.editor-toolbar .format-button:hover{background-color:var(--hover-bg,#f5f5f5)}.editor-toolbar .format-button.is-active{background-color:var(--active-bg,#e2f4ff);color:var(--active-color,#4259ee)}.editor-toolbar .format-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.editor-toolbar .format-group{border-right:1px solid var(--border-color,#f0f0f0);display:flex;gap:4px;padding:0 4px}.editor-toolbar .format-group:last-child{border-right:none}@media (max-width:768px){.editor-toolbar{gap:4px;padding:4px}.editor-toolbar .format-button{padding:3px}.editor-toolbar .format-group{padding:0 2px}}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import default_1 from "../../../../node_modules/@mui/icons-material/AttachFile.js";
+import default_1$9 from "../../../../node_modules/@mui/icons-material/Brush.js";
+import default_1$f from "../../../../node_modules/@mui/icons-material/FormatBold.js";
+import default_1$e from "../../../../node_modules/@mui/icons-material/FormatItalic.js";
+import default_1$c from "../../../../node_modules/@mui/icons-material/FormatListBulleted.js";
+import default_1$b from "../../../../node_modules/@mui/icons-material/FormatListNumbered.js";
+import default_1$1 from "../../../../node_modules/@mui/icons-material/Image.js";
+import default_1$2 from "../../../../node_modules/@mui/icons-material/InsertEmoticon.js";
+import default_1$d from "../../../../node_modules/@mui/icons-material/Link.js";
+import default_1$6 from "../../../../node_modules/@mui/icons-material/Looks3.js";
+import default_1$5 from "../../../../node_modules/@mui/icons-material/Looks4.js";
+import default_1$4 from "../../../../node_modules/@mui/icons-material/Looks5.js";
+import default_1$3 from "../../../../node_modules/@mui/icons-material/Looks6.js";
+import default_1$8 from "../../../../node_modules/@mui/icons-material/LooksOne.js";
+import default_1$7 from "../../../../node_modules/@mui/icons-material/LooksTwo.js";
+import default_1$a from "../../../../node_modules/@mui/icons-material/StrikethroughS.js";
+import { ChatIconButton } from "../TableChatLeftSection/ChatIconButton/ChatIconButton.js";
+
+const TOOLBAR_ITEMS = {
+  bold: {
+    icon: default_1$f,
+    ariaLabel: "Bold text",
+    command: "toggleBold"
+  },
+  italic: {
+    icon: default_1$e,
+    ariaLabel: "Italic text",
+    command: "toggleItalic"
+  },
+  link: {
+    icon: default_1$d,
+    ariaLabel: "Add link",
+    command: "toggleLink"
+  },
+  bulletList: {
+    icon: default_1$c,
+    ariaLabel: "Bullet list",
+    command: "toggleBulletList"
+  },
+  orderedList: {
+    icon: default_1$b,
+    ariaLabel: "Numbered list",
+    command: "toggleOrderedList"
+  },
+  strike: {
+    icon: default_1$a,
+    ariaLabel: "Strike through",
+    command: "toggleStrike"
+  },
+  highlight: {
+    icon: default_1$9,
+    ariaLabel: "Highlight text",
+    command: "toggleHighlight"
+  },
+  h1: {
+    icon: default_1$8,
+    ariaLabel: "Heading 1",
+    command: "toggleH1"
+  },
+  h2: {
+    icon: default_1$7,
+    ariaLabel: "Heading 2",
+    command: "toggleH2"
+  },
+  h3: {
+    icon: default_1$6,
+    ariaLabel: "Heading 3",
+    command: "toggleH3"
+  },
+  h4: {
+    icon: default_1$5,
+    ariaLabel: "Heading 4",
+    command: "toggleH4"
+  },
+  h5: {
+    icon: default_1$4,
+    ariaLabel: "Heading 5",
+    command: "toggleH5"
+  },
+  h6: {
+    icon: default_1$3,
+    ariaLabel: "Heading 6",
+    command: "toggleH6"
+  }
+};
+const EditorToolbar = React__default.forwardRef(
+  ({
+    editor,
+    activeStates = {},
+    enabledItems = Object.keys(TOOLBAR_ITEMS),
+    onFileSelect,
+    onImageSelect,
+    onEmojiSelect,
+    className = ""
+  }, ref) => {
+    const fileInputRef = React__default.useRef(null);
+    const imageInputRef = React__default.useRef(null);
+    React__default.useImperativeHandle(ref, () => ({
+      fileInput: fileInputRef.current,
+      imageInput: imageInputRef.current
+    }));
+    const handleCommand = React__default.useCallback(
+      (command) => {
+        console.log("EditorToolbar - editor[command]:", editor == null ? void 0 : editor[command]);
+        if (editor == null ? void 0 : editor[command]) {
+          editor[command]();
+        } else {
+          console.warn(`Command ${command} not available on editor:`, editor);
+        }
+      },
+      [editor]
+    );
+    return /* @__PURE__ */ jsxs("div", { className: `editor-toolbar ${className}`, children: [
+      onFileSelect && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            accept: ".pdf,.doc,.docx,.txt,.xls,.xlsx",
+            style: { display: "none" },
+            type: "file",
+            onChange: onFileSelect
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChatIconButton,
+          {
+            ariaLabel: "Attach file",
+            className: "format-button",
+            icon: /* @__PURE__ */ jsx(default_1, { fontSize: "small", style: { width: "16px", height: "16px" } }),
+            onClick: () => {
+              var _a;
+              return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+            }
+          }
+        )
+      ] }),
+      onImageSelect && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: imageInputRef,
+            accept: "image/*",
+            style: { display: "none" },
+            type: "file",
+            onChange: onImageSelect
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChatIconButton,
+          {
+            ariaLabel: "Upload image",
+            className: "format-button",
+            icon: /* @__PURE__ */ jsx(default_1$1, { fontSize: "small", style: { width: "16px", height: "16px" } }),
+            onClick: () => {
+              var _a;
+              return (_a = imageInputRef.current) == null ? void 0 : _a.click();
+            }
+          }
+        )
+      ] }),
+      onEmojiSelect && /* @__PURE__ */ jsx(
+        ChatIconButton,
+        {
+          ariaLabel: "Add emoji",
+          className: "format-button",
+          icon: /* @__PURE__ */ jsx(default_1$2, { fontSize: "small", style: { width: "16px", height: "16px" } }),
+          onClick: onEmojiSelect
+        }
+      ),
+      enabledItems.map((itemKey) => {
+        const item = TOOLBAR_ITEMS[itemKey];
+        if (!item) return null;
+        const Icon = item.icon;
+        return /* @__PURE__ */ jsx(
+          ChatIconButton,
+          {
+            ariaLabel: item.ariaLabel,
+            className: `format-button ${activeStates[itemKey] ? "is-active" : ""}`,
+            icon: /* @__PURE__ */ jsx(Icon, { fontSize: "small", style: { width: "16px", height: "16px" } }),
+            onClick: () => {
+              handleCommand(item.command);
+            }
+          },
+          itemKey
+        );
+      })
+    ] });
+  }
+);
+export {
+  EditorToolbar
+};

package/dist/components/TableChat/components/TextEditor/Mention.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export declare const MentionEditor: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+//# sourceMappingURL=Mention.d.ts.map

package/dist/components/TableChat/components/TextEditor/Mention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/Mention.tsx"],"names":[],"mappings":"AACA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAqD,MAAM,OAAO,CAAC;AAY1E,eAAO,MAAM,aAAa,+DAiNzB,CAAC"}

package/dist/components/TableChat/components/TextEditor/Mention.js

@@ -0,0 +1,182 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.ProseMirror-focused{outline:none}.tiptap :first-child{margin-top:0}.tiptap p{margin:.5em 0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.tiptap h1{font-size:2em;margin:1em 0 .5em}.tiptap h1,.tiptap h2{color:#1a202c;font-weight:600}.tiptap h2{font-size:1.5em;margin:.83em 0 .5em}.tiptap h3{color:#1a202c;font-size:1.17em;font-weight:600;margin:.67em 0 .5em}.tiptap h4{font-size:1em}.tiptap h4,.tiptap h5{color:#1a202c;font-weight:600;margin:.5em 0}.tiptap h5{font-size:.83em}.tiptap h6{color:#1a202c;font-size:.67em;margin:.5em 0}.tiptap h6,.tiptap strong{font-weight:600}.tiptap em{font-style:italic}.tiptap s{color:#666;text-decoration:line-through;text-decoration-thickness:.1em}.tiptap .highlight{background-color:#fef3c7!important}.tiptap .highlight,.tiptap mark{border-radius:4px;margin:0 2px;padding:2px 4px}.tiptap mark{background-color:#fef3c7}.tiptap a{border-bottom:1px solid #2b6cb0;color:#2b6cb0;text-decoration:none;transition:all .2s ease}.tiptap a:hover{border-bottom-color:#1a4971;color:#1a4971}.tiptap img{border-radius:4px;height:auto;margin:.5em 0;max-width:100%}.tiptap .mention{background-color:#f0f4f8;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#2b6cb0;font-weight:500;padding:2px 6px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.tiptap .mention:hover{background-color:#e2e8f0;cursor:pointer}.tiptap .is-active{background-color:#f0f4f8}.tiptap ol,.tiptap ul{margin:.5em 0;padding-left:1.2em}.tiptap ol li,.tiptap ul li{line-height:1.2;margin:.2em 0;padding-left:0}.tiptap ol li p,.tiptap ul li p{display:inline-block;margin:0}.tiptap ul li{list-style-type:disc}.tiptap ol li{list-style-type:decimal}.tiptap ol ol,.tiptap ol ul,.tiptap ul ol,.tiptap ul ul{margin:.2em 0 .2em .5em}.tiptap ul ul li{list-style-type:circle}.tiptap ul ul ul li{list-style-type:square}.tiptap ol ol li{list-style-type:lower-alpha}.tiptap ol ol ol li{list-style-type:lower-roman}.tiptap ol[data-type=orderedList] li,.tiptap ul[data-type=bulletList] li{position:relative}.tiptap ol[data-type=orderedList] li:before,.tiptap ul[data-type=bulletList] li:before{border-radius:50%;content:"";height:4px;left:-1em;position:absolute;top:50%;transform:translateY(-50%);width:4px}.tiptap .highlight{background-color:#fef3c7;border-radius:2px;padding:0 2px}.tiptap code{background-color:#f7fafc;border-radius:4px;font-family:monospace;padding:.2em .4em}.tiptap blockquote{border-left:3px solid #e2e8f0;color:#4a5568;margin:.5em 0;padding-left:1em}.character-count{align-items:center;color:var(--gray-5);display:flex;font-size:.75rem;gap:.5rem;margin:1.5rem}.character-count svg{color:var(--purple)}.character-count--warning,.character-count--warning svg{color:var(--red)}.tiptap-editor{margin-right:10px;max-height:100px;overflow-y:auto;width:88%}.tiptap-editor .ProseMirror{max-height:100px;min-height:40px;outline:none;overflow-y:auto;padding:8px 0 0!important;word-wrap:break-word}.tiptap-editor .ProseMirror::-webkit-scrollbar{width:4px}.tiptap-editor .ProseMirror::-webkit-scrollbar-track{background:#0000}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb:hover{background:#0000004d}')),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+import { jsx } from "react/jsx-runtime";
+
+import { forwardRef, useEffect, useImperativeHandle } from "react";
+import Highlight from "@tiptap/extension-highlight";
+import Image from "@tiptap/extension-image";
+import Link from "@tiptap/extension-link";
+import Mention from "@tiptap/extension-mention";
+import { Placeholder } from "@tiptap/extension-placeholder";
+import Strike from "@tiptap/extension-strike";
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import suggestion from "./suggestion.js";
+const MentionEditor = forwardRef(
+  ({
+    value,
+    onChange,
+    onSend,
+    disabled = false,
+    maxLength = 5e3,
+    placeholder = "Type message...",
+    chatId,
+    loadParticipantsAvatar,
+    isMultiLine = false,
+    ...restConfig
+  }, ref) => {
+    const editor = useEditor({
+      ...restConfig,
+      extensions: [
+        StarterKit,
+        Placeholder.configure({
+          placeholder
+        }),
+        Mention.configure({
+          HTMLAttributes: {
+            class: "mention"
+          },
+          suggestion
+        }),
+        Image.configure({
+          inline: true,
+          allowBase64: true
+        }),
+        Link.configure({
+          openOnClick: false,
+          HTMLAttributes: {
+            rel: "noopener noreferrer",
+            class: "link"
+          }
+        }),
+        Strike,
+        Highlight.configure({
+          multicolor: true
+          // defaultColor: "#fef3c7",
+          // HTMLAttributes: {
+          //   class: "highlight",
+          //   style:
+          //     "background-color: #fef3c7; border-radius: 4px; padding: 2px 4px;",
+          // },
+        })
+      ],
+      content: value || "",
+      editable: !disabled,
+      onUpdate: ({ editor: editor2 }) => {
+        const html = editor2.getHTML();
+        onChange == null ? void 0 : onChange(html);
+      },
+      onCreate: ({ editor: editor2 }) => {
+        editor2.storage.mentionConfig = {
+          chatId,
+          loadParticipantsAvatar
+        };
+      },
+      editorProps: {
+        handleKeyDown: (view, event) => {
+          if (event.key === "Enter" && !event.shiftKey) {
+            const { state } = view;
+            const { selection } = state;
+            const isInList = (editor == null ? void 0 : editor.isActive("bulletList")) || (editor == null ? void 0 : editor.isActive("orderedList"));
+            const isMentionActive = state.doc.resolve(selection.from).parent.type.name === "mention" || selection.$from.nodeBefore && selection.$from.nodeBefore.type.name === "mention";
+            const textBefore = state.doc.textBetween(
+              Math.max(0, selection.from - 20),
+              selection.from
+            );
+            const isTypingMention = /@\w*$/.test(textBefore);
+            if (isInList || isMentionActive || isTypingMention) {
+              return false;
+            }
+            event.preventDefault();
+            onSend == null ? void 0 : onSend();
+            return true;
+          }
+          return false;
+        },
+        attributes: {
+          class: "prose prose-sm sm:prose lg:prose-lg xl:prose-2xl mx-auto focus:outline-none",
+          style: "max-height: 100px; overflow-y: auto; padding: 8px 12px; min-height: 40px;"
+        }
+      }
+    });
+    useEffect(() => {
+      if (editor && value !== editor.getHTML()) {
+        editor.commands.setContent(value || "");
+      }
+    }, [value, editor]);
+    useEffect(() => {
+      if (editor) {
+        editor.storage.mentionConfig = {
+          chatId,
+          loadParticipantsAvatar
+        };
+      }
+    }, [editor, chatId, loadParticipantsAvatar]);
+    useImperativeHandle(ref, () => ({
+      // Text formatting
+      toggleBold: () => editor == null ? void 0 : editor.chain().focus().toggleBold().run(),
+      toggleItalic: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run(),
+      toggleLink: () => {
+        const previousUrl = editor == null ? void 0 : editor.getAttributes("link").href;
+        const url = window.prompt("URL", previousUrl);
+        if (url === null) return;
+        if (url === "") {
+          editor == null ? void 0 : editor.chain().focus().extendMarkRange("link").unsetLink().run();
+          return;
+        }
+        editor == null ? void 0 : editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+      },
+      // File handling
+      addImage: (url, alt) => {
+        if (url) {
+          editor == null ? void 0 : editor.chain().focus().setImage({ src: url, alt: alt || "" }).run();
+        }
+      },
+      // Get content
+      getHTML: () => (editor == null ? void 0 : editor.getHTML()) || "",
+      getJSON: () => editor == null ? void 0 : editor.getJSON(),
+      clearContent: () => editor == null ? void 0 : editor.commands.clearContent(),
+      // Editor state
+      isEmpty: () => editor ? editor.isEmpty : true,
+      // Emoji handling
+      insertEmoji: (emoji) => {
+        editor == null ? void 0 : editor.chain().focus().insertContent(emoji).run();
+      },
+      // Additional formatting
+      toggleStrike: () => editor == null ? void 0 : editor.chain().focus().toggleStrike().run(),
+      toggleHighlight: () => {
+        const result = editor == null ? void 0 : editor.chain().focus().toggleHighlight().run();
+        return result;
+      },
+      // List formatting
+      toggleBulletList: () => editor == null ? void 0 : editor.chain().focus().toggleBulletList().run(),
+      toggleOrderedList: () => editor == null ? void 0 : editor.chain().focus().toggleOrderedList().run(),
+      // Heading commands
+      toggleH1: () => editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 1 }).run(),
+      toggleH2: () => editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 2 }).run(),
+      toggleH3: () => editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 3 }).run(),
+      toggleH4: () => editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 4 }).run(),
+      toggleH5: () => editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 5 }).run(),
+      toggleH6: () => editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 6 }).run(),
+      // Editor instance
+      editor
+    }));
+    useEffect(() => {
+      if (editor) {
+        const updateHandler = () => {
+          onChange == null ? void 0 : onChange(editor.getHTML());
+        };
+        editor.on("selectionUpdate", updateHandler);
+        return () => {
+          editor.off("selectionUpdate", updateHandler);
+        };
+      }
+    }, [editor, onChange]);
+    if (!editor) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("div", { className: `tiptap-editor ${!isMultiLine ? "single-line" : ""}`, children: /* @__PURE__ */ jsx(EditorContent, { editor }) });
+  }
+);
+export {
+  MentionEditor
+};

package/dist/components/TableChat/components/TextEditor/MentionList.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export declare const MentionList: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+//# sourceMappingURL=MentionList.d.ts.map

package/dist/components/TableChat/components/TextEditor/MentionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/MentionList.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,eAAO,MAAM,WAAW,+DAuGtB,CAAC"}

package/dist/components/TableChat/components/TextEditor/MentionList.js

@@ -0,0 +1,84 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;max-height:250px;min-width:180px;overflow:auto;padding:8px;position:relative}.dropdown-menu .mention-item{align-items:center;background-color:initial;border:none;border-radius:4px;color:#0d152c;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu .mention-item .mention-avatar{align-items:center;display:flex;justify-content:center}.dropdown-menu .mention-item .mention-info{display:flex;flex:1;flex-direction:column;gap:2px}.dropdown-menu .mention-item .mention-name{font-weight:400;line-height:1.2}.dropdown-menu .mention-item .mention-status{font-size:11px;font-weight:400;line-height:1;opacity:.7;text-transform:capitalize}.dropdown-menu .mention-item .mention-status.online{color:#22c55e}.dropdown-menu .mention-item .mention-status.offline{color:#b4bac7}.dropdown-menu .mention-item:hover,.dropdown-menu .mention-item:hover.is-selected{background-color:#f5f5f5}.dropdown-menu .mention-item.is-selected{background-color:#f0f0f0;font-weight:500}.dropdown-menu .mention-item:focus{box-shadow:0 0 0 2px #4259ee33;outline:none}.dropdown-menu .item{color:#b4bac7;font-size:14px;padding:8px 12px;text-align:center}.dropdown-menu .mention-loading{align-items:center;color:#b4bac7;display:flex;font-size:14px;gap:8px;padding:12px;text-align:center}.dropdown-menu .mention-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f5f5f5;border-radius:50%;border-top-color:#4259ee;height:16px;width:16px}.dropdown-menu .mention-error{color:#ef4444;font-size:14px;padding:12px;text-align:center}.dropdown-menu .mention-no-result{color:#b4bac7;font-size:14px;padding:12px;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#c7c7c7}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
+
+import { forwardRef, useState, useEffect, useImperativeHandle } from "react";
+import { ChatAvatar } from "../TableChatRightSection/AvatarGroup/AvatarGroup.js";
+const MentionList = forwardRef((props, ref) => {
+  var _a;
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [isLoading, setIsLoading] = useState(false);
+  const selectItem = (index) => {
+    const item = props.items[index];
+    if (item) {
+      props.command({
+        id: item.id,
+        label: item.name
+      });
+    }
+  };
+  const upHandler = () => {
+    if (props.items.length === 0) return;
+    setSelectedIndex((selectedIndex + props.items.length - 1) % props.items.length);
+  };
+  const downHandler = () => {
+    if (props.items.length === 0) return;
+    setSelectedIndex((selectedIndex + 1) % props.items.length);
+  };
+  const enterHandler = () => {
+    selectItem(selectedIndex);
+  };
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [props.items]);
+  useEffect(() => {
+    if (props.items && typeof props.items.then === "function") {
+      setIsLoading(true);
+      props.items.finally(() => {
+        setIsLoading(false);
+      });
+    }
+  }, [props.items]);
+  useImperativeHandle(ref, () => ({
+    onKeyDown: ({ event }) => {
+      if (event.key === "ArrowUp") {
+        upHandler();
+        return true;
+      }
+      if (event.key === "ArrowDown") {
+        downHandler();
+        return true;
+      }
+      if (event.key === "Enter") {
+        enterHandler();
+        return true;
+      }
+      return false;
+    }
+  }));
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "dropdown-menu", children: /* @__PURE__ */ jsxs("div", { className: "mention-loading", children: [
+      /* @__PURE__ */ jsx("div", { className: "loading-spinner" }),
+      /* @__PURE__ */ jsx("span", { children: "Loading users..." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "dropdown-menu", children: ((_a = props.items) == null ? void 0 : _a.length) ? props.items.map((item, index) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: `mention-item ${index === selectedIndex ? "is-selected" : ""}`,
+      onClick: () => {
+        selectItem(index);
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mention-avatar", children: /* @__PURE__ */ jsx(ChatAvatar, { name: item.name, size: "sm", src: item.avatar }) }),
+        /* @__PURE__ */ jsxs("div", { className: "mention-info", children: [
+          /* @__PURE__ */ jsx("span", { className: "mention-name", children: item == null ? void 0 : item.name }),
+          item.status && /* @__PURE__ */ jsx("span", { className: "mention-status", children: item.status })
+        ] })
+      ]
+    },
+    item.id || index
+  )) : /* @__PURE__ */ jsx("div", { className: "mention-no-result", children: "No users found" }) });
+});
+export {
+  MentionList
+};

package/dist/components/TableChat/components/TextEditor/suggestion.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    items: ({ query, editor }: {
+        query: any;
+        editor: any;
+    }) => Promise<{
+        id: any;
+        name: any;
+        avatar: any;
+        status: any;
+    }[]>;
+    render: () => {
+        onStart: (props: any) => void;
+        onUpdate(props: any): void;
+        onKeyDown(props: any): any;
+        onExit(): void;
+    };
+};
+export default _default;
+//# sourceMappingURL=suggestion.d.ts.map

package/dist/components/TableChat/components/TextEditor/suggestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/suggestion.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAKA,wBA4GE"}

package/dist/components/TableChat/components/TextEditor/suggestion.js

@@ -0,0 +1,89 @@
+import { ReactRenderer } from "@tiptap/react";
+import tippy from "tippy.js";
+import { MentionList } from "./MentionList.js";
+const suggestion = {
+  items: async ({ query, editor }) => {
+    console.log("🔍 [Suggestion] items called with query:", query);
+    const { chatId, loadParticipantsAvatar } = editor.storage.mentionConfig || {};
+    console.log("🔍 [Suggestion] chatId:", chatId);
+    console.log("🔍 [Suggestion] loadParticipantsAvatar:", typeof loadParticipantsAvatar);
+    if (!chatId || !loadParticipantsAvatar) {
+      console.log("❌ [Suggestion] Missing chatId or loadParticipantsAvatar function");
+      return [];
+    }
+    try {
+      console.log("🔄 [Suggestion] Loading participants for chatId:", chatId);
+      const participants = await loadParticipantsAvatar("existing", chatId);
+      console.log("✅ [Suggestion] Participants loaded:", participants);
+      if (participants && Array.isArray(participants)) {
+        const users = participants.map((participant) => ({
+          id: participant.id,
+          name: participant.label,
+          avatar: participant.avatar,
+          status: participant.status
+        }));
+        console.log("🔄 [Suggestion] Transformed users:", users);
+        const filteredUsers = users.filter((user) => user.name.toLowerCase().includes(query.toLowerCase())).slice(0, 5);
+        console.log("✅ [Suggestion] Filtered users:", filteredUsers);
+        return filteredUsers;
+      } else {
+        console.log("❌ [Suggestion] No participants or invalid format");
+        return [];
+      }
+    } catch (error) {
+      console.error("❌ [Suggestion] Error loading participants for mentions:", error);
+      return [];
+    }
+  },
+  render: () => {
+    let component;
+    let popup;
+    return {
+      onStart: (props) => {
+        console.log("🔄 [Suggestion] onStart called with props:", props);
+        component = new ReactRenderer(MentionList, {
+          props,
+          editor: props.editor
+        });
+        if (!props.clientRect) {
+          return;
+        }
+        popup = tippy("body", {
+          getReferenceClientRect: props.clientRect,
+          appendTo: () => document.body,
+          content: component.element,
+          showOnCreate: true,
+          interactive: true,
+          trigger: "manual",
+          placement: "bottom-start"
+        });
+      },
+      onUpdate(props) {
+        console.log("🔄 [Suggestion] onUpdate called");
+        component.updateProps(props);
+        if (!props.clientRect) {
+          return;
+        }
+        popup[0].setProps({
+          getReferenceClientRect: props.clientRect
+        });
+      },
+      onKeyDown(props) {
+        var _a;
+        if (props.event.key === "Escape") {
+          popup[0].hide();
+          return true;
+        }
+        return (_a = component.ref) == null ? void 0 : _a.onKeyDown(props);
+      },
+      onExit() {
+        console.log("🔄 [Suggestion] onExit called");
+        popup[0].destroy();
+        component.destroy();
+      }
+    };
+  }
+};
+export {
+  suggestion as default
+};

package/dist/components/TableChat/components/chatConfig.d.ts

@@ -0,0 +1,37 @@
+export declare const chartConfig: {
+    userConfig: {
+        isSearchable: boolean;
+        searchPlaceholder: string;
+        showSelectAll: boolean;
+        showNewExisting: boolean;
+        radioButtonConfig: {
+            options: {
+                label: string;
+                value: string;
+            }[];
+            showRadioButton: boolean;
+            selectedRadioOption: string;
+        };
+    };
+    tableChatRightSectionConfig: {
+        tableChatHeaderConfig: {
+            showSearch: boolean;
+            showPinned: boolean;
+            showParticipants: boolean;
+            showThreeDotMenu: boolean;
+            className: string;
+            searchPlaceholder: string;
+            isAddParticipantsAllowed: boolean;
+        };
+    };
+};
+export declare const tempParticipantsList: ({
+    id: number;
+    name: string;
+    src: string;
+} | {
+    id: number;
+    name: string;
+    src: null;
+})[];
+//# sourceMappingURL=chatConfig.d.ts.map

package/dist/components/TableChat/components/chatConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/TableChat/components/chatConfig.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;IA6BhC,CAAC"}