npm - @solidxai/core-ui - Versions diffs - 0.1.13-beta.1 → 0.1.13-beta.3 - Mend

@solidxai/core-ui 0.1.13-beta.1 → 0.1.13-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (94) hide show

package/dist/components/core/chatter/SolidChatterMessageBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidChatterMessageBox.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { getTextColor, stringToColor } from '../../../helpers/getRandomColors'\nimport Image from \"../../common/Image\"\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidChatterCustomMessage } from './SolidChatterCustomMessage'\nimport { SolidChatterAuditMessage } from './SolidChatterAuditMessage'\nimport { Check, GitBranch, MessageSquare, Paperclip, Pencil, Trash2, X } from 'lucide-react'\nimport { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, SolidTextarea, type SolidIconName } from '../../shad-cn-ui'\nimport type { SolidLightboxSlide } from '../../shad-cn-ui/SolidLightbox'\nimport { usePatchChatterMessageMutation, useUpdateChatterNoteMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useSession } from '../../../hooks/useSession'\n\ninterface Props {\n messageId?: number \| string,\n user: string,\n userId?: number,\n messageType?: string,\n message?: any,\n time?: string,\n auditRecord?: any,\n messageSubType?: string,\n status?: string,\n modelDisplayName?: string,\n modelUserKey?: string,\n onRefresh?: () => void,\n media?: {\n messageAttachments?: Array<{\n id: number;\n relativeUri: string;\n mimeType: string;\n originalFileName: string;\n _full_url: string;\n }>;\n };\n}\n\nconst getFileIcon = (mimeType: string): SolidIconName => {\n if (mimeType.startsWith('image/')) {\n return 'si-image';\n }\n switch (mimeType) {\n case 'application/pdf':\n return 'si-file-pdf';\n case 'application/vnd.ms-excel':\n case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n return 'si-file-excel';\n case 'application/msword':\n case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':\n return 'si-file-word';\n case 'text/plain':\n return 'si-file';\n default:\n return 'si-file';\n }\n};\n\nexport const SolidChatterMessageBox = (props: Props) => {\n const { messageId, user, userId, messageType, message, time, auditRecord, media, messageSubType, status, modelDisplayName, modelUserKey, onRefresh } = props;\n const [lightboxSlides, setLightboxSlides] = useState<SolidLightboxSlide[]>([]);\n const [openLightbox, setOpenLightbox] = useState(false);\n const [taskStatus, setTaskStatus] = useState<string \| undefined>(status);\n const [isEditing, setIsEditing] = useState(false);\n const [localMessage, setLocalMessage] = useState(message ?? '');\n const [editedMessage, setEditedMessage] = useState(message ?? '');\n const [hasPendingOptimisticUpdate, setHasPendingOptimisticUpdate] = useState(false);\n const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n const [removedAttachmentIds, setRemovedAttachmentIds] = useState<number[]>([]);\n const [optimisticRemovedAttachmentIds, setOptimisticRemovedAttachmentIds] = useState<number[]>([]);\n const [hasPendingOptimisticAttachmentUpdate, setHasPendingOptimisticAttachmentUpdate] = useState(false);\n const fileInputRef = useRef<HTMLInputElement>(null);\n const [patchChatterMessage, { isLoading: isUpdatingTaskStatus }] = usePatchChatterMessageMutation();\n const [updateChatterNoteMessage, { isLoading: isUpdatingNote }] = useUpdateChatterNoteMessageMutation();\n const { data: session } = useSession();\n\n const avatarStyle = useMemo(() => {\n const bg = stringToColor(user)\n const color = getTextColor(bg)\n return { backgroundColor: bg, color }\n }, [user])\n\n const initials = useMemo(() => {\n if (!user) return \"\";\n return user\n .split(\" \")\n .map(part => part.charAt(0))\n .filter(Boolean)\n .slice(0, 2)\n .join(\"\")\n .toUpperCase();\n }, [user]);\n\n const handleImageClick = (url: string) => {\n const imageAttachments = media?.messageAttachments?.filter(att => att.mimeType?.startsWith('image/')) \|\| [];\n if (imageAttachments.length === 0) return;\n\n const startIndex = imageAttachments.findIndex(att => att._full_url === url);\n const ordered = startIndex >= 0\n ? [...imageAttachments.slice(startIndex), ...imageAttachments.slice(0, startIndex)]\n : imageAttachments;\n\n const slides: SolidLightboxSlide[] = ordered.map(att => ({\n src: att._full_url\n }));\n\n setLightboxSlides(slides);\n setOpenLightbox(true);\n };\n\n const renderMessageContent = () => {\n switch (messageType) {\n case 'audit':\n return <SolidChatterAuditMessage auditRecord={auditRecord} />;\n case 'custom':\n default:\n return <SolidChatterCustomMessage message={message} />;\n }\n };\n\n const messageLabel = messageType === 'audit'\n ? (messageSubType === \"audit_update\"\n ? \"Updated\"\n : messageSubType === \"audit_insert\"\n ? \"Inserted\"\n : \"Audit record\")\n : \"Internal note\";\n\n const TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;\n\n const isTaskMessage = messageSubType === 'task';\n const isTaskCompleted = (taskStatus ?? '').toLowerCase() === 'completed';\n const isCustomMessage = messageType === 'custom';\n const isEditableSubtype = messageSubType === 'note';\n const isCurrentUserAuthor = !!(session?.user?.id && userId && Number(session.user.id) === Number(userId));\n const canEditNote = Boolean(messageId && isCustomMessage && isEditableSubtype && isCurrentUserAuthor);\n\n useEffect(() => {\n const incomingMessage = message ?? '';\n\n // Keep optimistic message visible until server data catches up.\n if (hasPendingOptimisticUpdate && incomingMessage !== localMessage) {\n return;\n }\n\n if (hasPendingOptimisticUpdate && incomingMessage === localMessage) {\n setHasPendingOptimisticUpdate(false);\n }\n\n setLocalMessage(incomingMessage);\n if (!isEditing) {\n setEditedMessage(incomingMessage);\n }\n }, [message, isEditing, hasPendingOptimisticUpdate, localMessage]);\n\n useEffect(() => {\n if (!isEditing) {\n setSelectedFiles([]);\n if (!hasPendingOptimisticAttachmentUpdate) {\n setRemovedAttachmentIds([]);\n }\n }\n }, [isEditing, hasPendingOptimisticAttachmentUpdate]);\n\n useEffect(() => {\n if (!hasPendingOptimisticAttachmentUpdate) return;\n const latestAttachmentIds = (media?.messageAttachments \|\| []).map((attachment) => attachment.id);\n const stillPresent = optimisticRemovedAttachmentIds.some((id) => latestAttachmentIds.includes(id));\n if (!stillPresent) {\n setHasPendingOptimisticAttachmentUpdate(false);\n setOptimisticRemovedAttachmentIds([]);\n setRemovedAttachmentIds([]);\n }\n }, [media?.messageAttachments, hasPendingOptimisticAttachmentUpdate, optimisticRemovedAttachmentIds]);\n\n const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (event.target.files) {\n const files = Array.from(event.target.files);\n setSelectedFiles(prev => [...prev, ...files]);\n event.target.value = '';\n }\n };\n\n const handleMarkTaskDone = async () => {\n if (!messageId \|\| isUpdatingTaskStatus) return;\n try {\n await patchChatterMessage({ id: messageId, data: { status: 'completed' } }).unwrap();\n setTaskStatus('completed');\n onRefresh?.();\n } catch (e) {\n // no-op (parent/global error handling if any)\n }\n };\n\n const handleEditSave = async () => {\n if (!messageId \|\| isUpdatingNote) return;\n const trimmedMessage = editedMessage?.trim();\n const hasBodyChange = trimmedMessage && trimmedMessage !== (message ?? '').trim();\n const hasAttachmentOps = removedAttachmentIds.length > 0 \|\| selectedFiles.length > 0;\n if (!hasBodyChange && !hasAttachmentOps) return;\n if (!trimmedMessage) return;\n const nextMessage = trimmedMessage;\n // Optimistic local update to remove UI lag before refetch resolves.\n setLocalMessage(nextMessage);\n setHasPendingOptimisticUpdate(true);\n if (removedAttachmentIds.length > 0) {\n setOptimisticRemovedAttachmentIds((prev) => Array.from(new Set([...prev, ...removedAttachmentIds])));\n setHasPendingOptimisticAttachmentUpdate(true);\n }\n setIsEditing(false);\n try {\n const formData = new FormData();\n formData.append('messageBody', nextMessage);\n if (removedAttachmentIds.length > 0) {\n formData.append('removeAttachmentIds', removedAttachmentIds.join(','));\n }\n selectedFiles.forEach((file) => formData.append('messageAttachments', file));\n\n await updateChatterNoteMessage({ id: messageId, data: formData }).unwrap();\n onRefresh?.();\n } catch (e) {\n // Revert optimistic update on failure.\n setLocalMessage(message ?? '');\n setHasPendingOptimisticUpdate(false);\n setHasPendingOptimisticAttachmentUpdate(false);\n setOptimisticRemovedAttachmentIds([]);\n setIsEditing(true);\n }\n };\n\n const handleCancelEdit = () => {\n setEditedMessage(localMessage ?? '');\n setSelectedFiles([]);\n setRemovedAttachmentIds([]);\n setIsEditing(false);\n };\n\n const formatFileSize = (size: number) => {\n if (!size) return '';\n return size >= 1024 * 1024\n ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n : `${(size / 1024).toFixed(1)} KB`;\n };\n\n const hiddenAttachmentIds = new Set([\n ...removedAttachmentIds,\n ...optimisticRemovedAttachmentIds,\n ]);\n const visibleAttachments = (media?.messageAttachments \|\| []).filter(\n (attachment) => !hiddenAttachmentIds.has(attachment.id)\n );\n\n const toggleRemoveAttachment = (attachmentId: number) => {\n setRemovedAttachmentIds(prev =>\n prev.includes(attachmentId)\n ? prev.filter(id => id !== attachmentId)\n : [...prev, attachmentId]\n );\n };\n\n return (\n <div className={styles.solidChatterMessageBox}>\n <div className={styles.solidChatterMessageCard}>\n <div className={styles.solidChatterMessageLayout}>\n <div className={styles.solidChatterAvatar} style={avatarStyle}>\n {initials \|\| user.charAt(0).toUpperCase()}\n </div>\n <div className={styles.solidChatterMessageContent}>\n <div className={styles.solidChatterMessageHeader}>\n <div className='flex items-center gap-2 flex-wrap'>\n <p className={styles.solidChatterUser}>{user}</p>\n <SolidTooltip>\n <SolidTooltipTrigger asChild>\n <span\n className={`${styles.solidChatterBadge} ${messageType === 'audit' ? styles.audit : styles.custom}`}\n aria-label={messageLabel}\n >\n <TypeIcon size={12} />\n </span>\n </SolidTooltipTrigger>\n <SolidTooltipContent side=\"right\">\n {messageLabel}\n </SolidTooltipContent>\n </SolidTooltip>\n </div>\n <div className='flex items-center gap-2'>\n {canEditNote && !isEditing && (\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className=\"solid-icon-button\"\n leftIcon={<Pencil size={12} />}\n onClick={() => setIsEditing(true)}\n aria-label=\"Edit note\"\n title=\"Edit note\"\n />\n )}\n <span className={styles.solidChatterTime}>{time}</span>\n </div>\n </div>\n {modelDisplayName && (\n <p className={`${styles.solidChatterMeta} m-0`}>\n {modelDisplayName}\n {modelUserKey && <> · <span className='font-medium'>{modelUserKey}</span></>}\n </p>\n )}\n {localMessage && !isEditing && (\n <div className={styles.solidMessageWrapper}>\n {messageType === 'audit'\n ? <SolidChatterAuditMessage auditRecord={auditRecord} />\n : <SolidChatterCustomMessage message={localMessage} />}\n </div>\n )}\n {isEditing && (\n <div className='flex flex-col gap-2'>\n <SolidTextarea\n value={editedMessage}\n onChange={(e) => setEditedMessage(e.target.value)}\n rows={4}\n className=\"w-full py-2\"\n />\n <div className='flex flex-col gap-2'>\n <input\n ref={fileInputRef}\n id={`note-edit-file-${messageId}`}\n type=\"file\"\n multiple\n onChange={handleFileSelect}\n style={{ display: 'none' }}\n />\n {selectedFiles.length > 0 && (\n <div className='flex flex-col gap-1'>\n {selectedFiles.map((file, index) => (\n <div key={`${file.name}-${index}`} className='flex items-center justify-between text-xs'>\n <span>{file.name} ({formatFileSize(file.size)})</span>\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className='solid-icon-button'\n leftIcon={<X size={12} />}\n onClick={() => setSelectedFiles(prev => prev.filter((_, i) => i !== index))}\n aria-label={`Remove ${file.name}`}\n />\n </div>\n ))}\n </div>\n )}\n </div>\n <div className='flex items-center justify-between gap-2 flex-wrap'>\n <div className='flex items-center gap-2'>\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className=\"solid-icon-button\"\n leftIcon={<Paperclip size={14} />}\n onClick={() => fileInputRef.current?.click()}\n aria-label=\"Attach files\"\n title=\"Attach files\"\n />\n <span className='text-xs text-color-secondary'>Attach file</span>\n </div>\n <div className='flex items-center justify-end gap-2'>\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n leftIcon={<X size={12} />}\n onClick={handleCancelEdit}\n >\n Cancel\n </SolidButton>\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"primary\"\n loading={isUpdatingNote}\n leftIcon={<Check size={12} />}\n onClick={handleEditSave}\n disabled={!editedMessage?.trim() \|\| (removedAttachmentIds.length === 0 && selectedFiles.length === 0 && editedMessage.trim() === (message ?? '').trim())}\n >\n Save\n </SolidButton>\n </div>\n </div>\n </div>\n )}\n {visibleAttachments.length > 0 && (\n <div className={styles.solidChatterAttachments}>\n {visibleAttachments.map((attachment) => {\n const isImage = attachment.mimeType.startsWith('image/');\n return (\n <div key={attachment.id} className={styles.solidChatterAttachment} style={{ position: 'relative' }}>\n {isEditing && canEditNote && (\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className=\"solid-icon-button\"\n leftIcon={<Trash2 size={12} color=\"#dc2626\" />}\n onClick={() => toggleRemoveAttachment(attachment.id)}\n aria-label={`Remove ${attachment.originalFileName}`}\n title={`Remove ${attachment.originalFileName}`}\n style={{\n position: 'absolute',\n top: -8,\n right: -8,\n zIndex: 2,\n background: '#fff',\n border: '1px solid #fecaca',\n borderRadius: '999px',\n }}\n />\n )}\n {isImage ? (\n <div\n className='cursor-pointer'\n onClick={() => handleImageClick(attachment._full_url)}\n >\n <Image\n src={encodeURI(attachment._full_url)}\n alt={attachment.originalFileName}\n width={54}\n height={54}\n style={{ objectFit: 'cover' }}\n />\n </div>\n ) : (\n <a\n href={encodeURI(attachment._full_url)}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className='flex items-center gap-2 text-decoration-none text-sm'\n >\n <SolidIcon name={getFileIcon(attachment.mimeType)} aria-hidden />\n <span>{attachment.originalFileName}</span>\n </a>\n )}\n </div>\n );\n })}\n </div>\n )}\n {isTaskMessage && (\n <div className='flex items-center justify-end'>\n {isTaskCompleted ? (\n <SolidTag tone=\"success\" className=\"inline-flex items-center gap-1 text-xs px-2 py-1\">\n <Check size={12} aria-hidden />\n <span className=\"font-medium\">Done</span>\n </SolidTag>\n ) : (\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n className=\"text-xs px-2 py-1\"\n leftIcon={<Check size={12} />}\n loading={isUpdatingTaskStatus}\n onClick={handleMarkTaskDone}\n >\n <span className=\"font-semibold\">Mark as done</span>\n </SolidButton>\n )}\n </div>\n )}\n </div>\n </div>\n </div>\n {openLightbox && (\n <SolidLightbox\n open={openLightbox}\n slides={lightboxSlides}\n onClose={() => setOpenLightbox(false)}\n />\n )}\n </div>\n )\n}\n"]}
1	+ {"version":3,"file":"SolidChatterMessageBox.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { getTextColor, stringToColor } from '../../../helpers/getRandomColors'\nimport Image from \"../../common/Image\"\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidChatterCustomMessage } from './SolidChatterCustomMessage'\nimport { SolidChatterAuditMessage } from './SolidChatterAuditMessage'\nimport { Check, GitBranch, MessageSquare, Paperclip, Pencil, Trash2, X } from 'lucide-react'\nimport { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, SolidTextarea, type SolidIconName } from '../../shad-cn-ui'\nimport type { SolidLightboxSlide } from '../../shad-cn-ui/SolidLightbox'\nimport { usePatchChatterMessageMutation, useUpdateChatterNoteMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useSession } from '../../../hooks/useSession'\nimport { buildMessageBodyWithMentionTokens, parseMessageBodyMentions } from './chatterMentions'\nimport { useChatterMentions } from './useChatterMentions'\nimport { SolidChatterMentionMenu } from './SolidChatterMentionMenu'\n\ninterface Props {\n messageId?: number \| string,\n user: string,\n userId?: number,\n messageType?: string,\n message?: any,\n messageBodyMentions?: unknown,\n time?: string,\n auditRecord?: any,\n messageSubType?: string,\n status?: string,\n modelDisplayName?: string,\n modelUserKey?: string,\n onRefresh?: () => void,\n media?: {\n messageAttachments?: Array<{\n id: number;\n relativeUri: string;\n mimeType: string;\n originalFileName: string;\n _full_url: string;\n }>;\n };\n}\n\nconst getFileIcon = (mimeType: string): SolidIconName => {\n if (mimeType.startsWith('image/')) {\n return 'si-image';\n }\n switch (mimeType) {\n case 'application/pdf':\n return 'si-file-pdf';\n case 'application/vnd.ms-excel':\n case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n return 'si-file-excel';\n case 'application/msword':\n case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':\n return 'si-file-word';\n case 'text/plain':\n return 'si-file';\n default:\n return 'si-file';\n }\n};\n\nexport const SolidChatterMessageBox = (props: Props) => {\n const { messageId, user, userId, messageType, message, messageBodyMentions, time, auditRecord, media, messageSubType, status, modelDisplayName, modelUserKey, onRefresh } = props;\n const [lightboxSlides, setLightboxSlides] = useState<SolidLightboxSlide[]>([]);\n const [openLightbox, setOpenLightbox] = useState(false);\n const [taskStatus, setTaskStatus] = useState<string \| undefined>(status);\n const [isEditing, setIsEditing] = useState(false);\n const [localMessage, setLocalMessage] = useState(message ?? '');\n const [editedMessage, setEditedMessage] = useState(message ?? '');\n const [hasPendingOptimisticUpdate, setHasPendingOptimisticUpdate] = useState(false);\n const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n const [removedAttachmentIds, setRemovedAttachmentIds] = useState<number[]>([]);\n const [optimisticRemovedAttachmentIds, setOptimisticRemovedAttachmentIds] = useState<number[]>([]);\n const [hasPendingOptimisticAttachmentUpdate, setHasPendingOptimisticAttachmentUpdate] = useState(false);\n const fileInputRef = useRef<HTMLInputElement>(null);\n const editTextareaRef = useRef<HTMLTextAreaElement \| null>(null);\n const [patchChatterMessage, { isLoading: isUpdatingTaskStatus }] = usePatchChatterMessageMutation();\n const [updateChatterNoteMessage, { isLoading: isUpdatingNote }] = useUpdateChatterNoteMessageMutation();\n const { data: session } = useSession();\n const {\n mentions: editMentions,\n mentionRange,\n mentionSuggestions,\n activeMentionIndex,\n isFetchingMentionUsers,\n handleMentionTextChange,\n handleMentionKeyDown,\n handleMentionKeyUp,\n handleMentionClick,\n handleSelectMention,\n resetMentions,\n } = useChatterMentions({\n value: editedMessage,\n onChange: setEditedMessage,\n textareaRef: editTextareaRef,\n });\n\n const avatarStyle = useMemo(() => {\n const bg = stringToColor(user)\n const color = getTextColor(bg)\n return { backgroundColor: bg, color }\n }, [user])\n\n const initials = useMemo(() => {\n if (!user) return \"\";\n return user\n .split(\" \")\n .map(part => part.charAt(0))\n .filter(Boolean)\n .slice(0, 2)\n .join(\"\")\n .toUpperCase();\n }, [user]);\n\n const handleImageClick = (url: string) => {\n const imageAttachments = media?.messageAttachments?.filter(att => att.mimeType?.startsWith('image/')) \|\| [];\n if (imageAttachments.length === 0) return;\n\n const startIndex = imageAttachments.findIndex(att => att._full_url === url);\n const ordered = startIndex >= 0\n ? [...imageAttachments.slice(startIndex), ...imageAttachments.slice(0, startIndex)]\n : imageAttachments;\n\n const slides: SolidLightboxSlide[] = ordered.map(att => ({\n src: att._full_url\n }));\n\n setLightboxSlides(slides);\n setOpenLightbox(true);\n };\n\n const renderMessageContent = () => {\n switch (messageType) {\n case 'audit':\n return <SolidChatterAuditMessage auditRecord={auditRecord} />;\n case 'custom':\n default:\n return <SolidChatterCustomMessage message={message} />;\n }\n };\n\n const messageLabel = messageType === 'audit'\n ? (messageSubType === \"audit_update\"\n ? \"Updated\"\n : messageSubType === \"audit_insert\"\n ? \"Inserted\"\n : \"Audit record\")\n : \"Internal note\";\n\n const TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;\n\n const isTaskMessage = messageSubType === 'task';\n const isTaskCompleted = (taskStatus ?? '').toLowerCase() === 'completed';\n const isCustomMessage = messageType === 'custom';\n const isEditableSubtype = messageSubType === 'note';\n const isCurrentUserAuthor = !!(session?.user?.id && userId && Number(session.user.id) === Number(userId));\n const canEditNote = Boolean(messageId && isCustomMessage && isEditableSubtype && isCurrentUserAuthor);\n\n useEffect(() => {\n const incomingMessage = message ?? '';\n\n // Keep optimistic message visible until server data catches up.\n if (hasPendingOptimisticUpdate && incomingMessage !== localMessage) {\n return;\n }\n\n if (hasPendingOptimisticUpdate && incomingMessage === localMessage) {\n setHasPendingOptimisticUpdate(false);\n }\n\n setLocalMessage(incomingMessage);\n if (!isEditing) {\n setEditedMessage(incomingMessage);\n }\n }, [message, isEditing, hasPendingOptimisticUpdate, localMessage]);\n\n useEffect(() => {\n if (!isEditing) {\n setSelectedFiles([]);\n if (!hasPendingOptimisticAttachmentUpdate) {\n setRemovedAttachmentIds([]);\n }\n }\n }, [isEditing, hasPendingOptimisticAttachmentUpdate]);\n\n useEffect(() => {\n if (!hasPendingOptimisticAttachmentUpdate) return;\n const latestAttachmentIds = (media?.messageAttachments \|\| []).map((attachment) => attachment.id);\n const stillPresent = optimisticRemovedAttachmentIds.some((id) => latestAttachmentIds.includes(id));\n if (!stillPresent) {\n setHasPendingOptimisticAttachmentUpdate(false);\n setOptimisticRemovedAttachmentIds([]);\n setRemovedAttachmentIds([]);\n }\n }, [media?.messageAttachments, hasPendingOptimisticAttachmentUpdate, optimisticRemovedAttachmentIds]);\n\n const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (event.target.files) {\n const files = Array.from(event.target.files);\n setSelectedFiles(prev => [...prev, ...files]);\n event.target.value = '';\n }\n };\n\n const handleMarkTaskDone = async () => {\n if (!messageId \|\| isUpdatingTaskStatus) return;\n try {\n await patchChatterMessage({ id: messageId, data: { status: 'completed' } }).unwrap();\n setTaskStatus('completed');\n onRefresh?.();\n } catch (e) {\n // no-op (parent/global error handling if any)\n }\n };\n\n const handleEditSave = async () => {\n if (!messageId \|\| isUpdatingNote) return;\n const trimmedMessage = editedMessage?.trim();\n const hasBodyChange = trimmedMessage && trimmedMessage !== (message ?? '').trim();\n const hasAttachmentOps = removedAttachmentIds.length > 0 \|\| selectedFiles.length > 0;\n if (!hasBodyChange && !hasAttachmentOps) return;\n if (!trimmedMessage) return;\n const nextMessage = trimmedMessage;\n // Optimistic local update to remove UI lag before refetch resolves.\n setLocalMessage(nextMessage);\n setHasPendingOptimisticUpdate(true);\n if (removedAttachmentIds.length > 0) {\n setOptimisticRemovedAttachmentIds((prev) => Array.from(new Set([...prev, ...removedAttachmentIds])));\n setHasPendingOptimisticAttachmentUpdate(true);\n }\n setIsEditing(false);\n try {\n const messageBody = buildMessageBodyWithMentionTokens(nextMessage, editMentions);\n const formData = new FormData();\n formData.append('messageBody', messageBody.body);\n formData.append('messageBodyMentions', JSON.stringify(messageBody.mentions));\n if (removedAttachmentIds.length > 0) {\n formData.append('removeAttachmentIds', removedAttachmentIds.join(','));\n }\n selectedFiles.forEach((file) => formData.append('messageAttachments', file));\n\n await updateChatterNoteMessage({ id: messageId, data: formData }).unwrap();\n onRefresh?.();\n } catch (e) {\n // Revert optimistic update on failure.\n setLocalMessage(message ?? '');\n setHasPendingOptimisticUpdate(false);\n setHasPendingOptimisticAttachmentUpdate(false);\n setOptimisticRemovedAttachmentIds([]);\n setIsEditing(true);\n }\n };\n\n const handleEditKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n handleMentionKeyDown(event);\n if (event.defaultPrevented) return;\n\n if ((event.ctrlKey \|\| event.metaKey) && event.key === 'Enter') {\n event.preventDefault();\n handleEditSave();\n }\n };\n\n const handleCancelEdit = () => {\n setEditedMessage(localMessage ?? '');\n setSelectedFiles([]);\n setRemovedAttachmentIds([]);\n resetMentions(parseMessageBodyMentions(messageBodyMentions));\n setIsEditing(false);\n };\n\n const formatFileSize = (size: number) => {\n if (!size) return '';\n return size >= 1024 * 1024\n ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n : `${(size / 1024).toFixed(1)} KB`;\n };\n\n const hiddenAttachmentIds = new Set([\n ...removedAttachmentIds,\n ...optimisticRemovedAttachmentIds,\n ]);\n const visibleAttachments = (media?.messageAttachments \|\| []).filter(\n (attachment) => !hiddenAttachmentIds.has(attachment.id)\n );\n\n const toggleRemoveAttachment = (attachmentId: number) => {\n setRemovedAttachmentIds(prev =>\n prev.includes(attachmentId)\n ? prev.filter(id => id !== attachmentId)\n : [...prev, attachmentId]\n );\n };\n\n return (\n <div className={styles.solidChatterMessageBox}>\n <div className={styles.solidChatterMessageCard}>\n <div className={styles.solidChatterMessageLayout}>\n <div className={styles.solidChatterAvatar} style={avatarStyle}>\n {initials \|\| user.charAt(0).toUpperCase()}\n </div>\n <div className={styles.solidChatterMessageContent}>\n <div className={styles.solidChatterMessageHeader}>\n <div className='flex items-center gap-2 flex-wrap'>\n <p className={styles.solidChatterUser}>{user}</p>\n <SolidTooltip>\n <SolidTooltipTrigger asChild>\n <span\n className={`${styles.solidChatterBadge} ${messageType === 'audit' ? styles.audit : styles.custom}`}\n aria-label={messageLabel}\n >\n <TypeIcon size={12} />\n </span>\n </SolidTooltipTrigger>\n <SolidTooltipContent side=\"right\">\n {messageLabel}\n </SolidTooltipContent>\n </SolidTooltip>\n </div>\n <div className='flex items-center gap-2'>\n {canEditNote && !isEditing && (\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className=\"solid-icon-button\"\n leftIcon={<Pencil size={12} />}\n onClick={() => {\n resetMentions(parseMessageBodyMentions(messageBodyMentions));\n setIsEditing(true);\n }}\n aria-label=\"Edit note\"\n title=\"Edit note\"\n />\n )}\n <span className={styles.solidChatterTime}>{time}</span>\n </div>\n </div>\n {modelDisplayName && (\n <p className={`${styles.solidChatterMeta} m-0`}>\n {modelDisplayName}\n {modelUserKey && <> · <span className='font-medium'>{modelUserKey}</span></>}\n </p>\n )}\n {localMessage && !isEditing && (\n <div className={styles.solidMessageWrapper}>\n {messageType === 'audit'\n ? <SolidChatterAuditMessage auditRecord={auditRecord} />\n : <SolidChatterCustomMessage message={localMessage} />}\n </div>\n )}\n {isEditing && (\n <div className='flex flex-col gap-2'>\n <SolidTextarea\n ref={editTextareaRef}\n value={editedMessage}\n onChange={handleMentionTextChange}\n onKeyDown={handleEditKeyDown}\n onKeyUp={handleMentionKeyUp}\n onClick={handleMentionClick}\n rows={4}\n className=\"w-full py-2\"\n />\n <p className={styles.chatterComposerHelp}>\n Type @ to mention a user. Press Ctrl+Enter to save.\n </p>\n {mentionRange && (\n <SolidChatterMentionMenu\n isLoading={isFetchingMentionUsers}\n users={mentionSuggestions}\n activeIndex={activeMentionIndex}\n onSelect={handleSelectMention}\n />\n )}\n <div className='flex flex-col gap-2'>\n <input\n ref={fileInputRef}\n id={`note-edit-file-${messageId}`}\n type=\"file\"\n multiple\n onChange={handleFileSelect}\n style={{ display: 'none' }}\n />\n {selectedFiles.length > 0 && (\n <div className='flex flex-col gap-1'>\n {selectedFiles.map((file, index) => (\n <div key={`${file.name}-${index}`} className='flex items-center justify-between text-xs'>\n <span>{file.name} ({formatFileSize(file.size)})</span>\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className='solid-icon-button'\n leftIcon={<X size={12} />}\n onClick={() => setSelectedFiles(prev => prev.filter((_, i) => i !== index))}\n aria-label={`Remove ${file.name}`}\n />\n </div>\n ))}\n </div>\n )}\n </div>\n <div className='flex items-center justify-between gap-2 flex-wrap'>\n <div className='flex items-center gap-2'>\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className=\"solid-icon-button\"\n leftIcon={<Paperclip size={14} />}\n onClick={() => fileInputRef.current?.click()}\n aria-label=\"Attach files\"\n title=\"Attach files\"\n />\n <span className='text-xs text-color-secondary'>Attach file</span>\n </div>\n <div className='flex items-center justify-end gap-2'>\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n leftIcon={<X size={12} />}\n onClick={handleCancelEdit}\n >\n Cancel\n </SolidButton>\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"primary\"\n loading={isUpdatingNote}\n leftIcon={<Check size={12} />}\n onClick={handleEditSave}\n disabled={!editedMessage?.trim() \|\| (removedAttachmentIds.length === 0 && selectedFiles.length === 0 && editedMessage.trim() === (message ?? '').trim())}\n >\n Save\n </SolidButton>\n </div>\n </div>\n </div>\n )}\n {visibleAttachments.length > 0 && (\n <div className={styles.solidChatterAttachments}>\n {visibleAttachments.map((attachment) => {\n const isImage = attachment.mimeType.startsWith('image/');\n return (\n <div key={attachment.id} className={styles.solidChatterAttachment} style={{ position: 'relative' }}>\n {isEditing && canEditNote && (\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className=\"solid-icon-button\"\n leftIcon={<Trash2 size={12} color=\"#dc2626\" />}\n onClick={() => toggleRemoveAttachment(attachment.id)}\n aria-label={`Remove ${attachment.originalFileName}`}\n title={`Remove ${attachment.originalFileName}`}\n style={{\n position: 'absolute',\n top: -8,\n right: -8,\n zIndex: 2,\n background: '#fff',\n border: '1px solid #fecaca',\n borderRadius: '999px',\n }}\n />\n )}\n {isImage ? (\n <div\n className='cursor-pointer'\n onClick={() => handleImageClick(attachment._full_url)}\n >\n <Image\n src={encodeURI(attachment._full_url)}\n alt={attachment.originalFileName}\n width={54}\n height={54}\n style={{ objectFit: 'cover' }}\n />\n </div>\n ) : (\n <a\n href={encodeURI(attachment._full_url)}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className='flex items-center gap-2 text-decoration-none text-sm'\n >\n <SolidIcon name={getFileIcon(attachment.mimeType)} aria-hidden />\n <span>{attachment.originalFileName}</span>\n </a>\n )}\n </div>\n );\n })}\n </div>\n )}\n {isTaskMessage && (\n <div className='flex items-center justify-end'>\n {isTaskCompleted ? (\n <SolidTag tone=\"success\" className=\"inline-flex items-center gap-1 text-xs px-2 py-1\">\n <Check size={12} aria-hidden />\n <span className=\"font-medium\">Done</span>\n </SolidTag>\n ) : (\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n className=\"text-xs px-2 py-1\"\n leftIcon={<Check size={12} />}\n loading={isUpdatingTaskStatus}\n onClick={handleMarkTaskDone}\n >\n <span className=\"font-semibold\">Mark as done</span>\n </SolidButton>\n )}\n </div>\n )}\n </div>\n </div>\n </div>\n {openLightbox && (\n <SolidLightbox\n open={openLightbox}\n slides={lightboxSlides}\n onClose={() => setOpenLightbox(false)}\n />\n )}\n </div>\n )\n}\n"]}

package/dist/components/core/chatter/SolidChatterMessageBox.tsx CHANGED Viewed

@@ -10,6 +10,9 @@ import { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent
 import type { SolidLightboxSlide } from '../../shad-cn-ui/SolidLightbox'
 import { usePatchChatterMessageMutation, useUpdateChatterNoteMessageMutation } from '../../../redux/api/solidChatterMessageApi'
 import { useSession } from '../../../hooks/useSession'
+import { buildMessageBodyWithMentionTokens, parseMessageBodyMentions } from './chatterMentions'
+import { useChatterMentions } from './useChatterMentions'
+import { SolidChatterMentionMenu } from './SolidChatterMentionMenu'
 interface Props {
     messageId?: number | string,
@@ -17,6 +20,7 @@ interface Props {
     userId?: number,
     messageType?: string,
     message?: any,
+    messageBodyMentions?: unknown,
     time?: string,
     auditRecord?: any,
     messageSubType?: string,
@@ -56,7 +60,7 @@ const getFileIcon = (mimeType: string): SolidIconName => {
 };
 export const SolidChatterMessageBox = (props: Props) => {
-    const { messageId, user, userId, messageType, message, time, auditRecord, media, messageSubType, status, modelDisplayName, modelUserKey, onRefresh } = props;
+    const { messageId, user, userId, messageType, message, messageBodyMentions, time, auditRecord, media, messageSubType, status, modelDisplayName, modelUserKey, onRefresh } = props;
     const [lightboxSlides, setLightboxSlides] = useState<SolidLightboxSlide[]>([]);
     const [openLightbox, setOpenLightbox] = useState(false);
     const [taskStatus, setTaskStatus] = useState<string | undefined>(status);
@@ -69,9 +73,27 @@ export const SolidChatterMessageBox = (props: Props) => {
     const [optimisticRemovedAttachmentIds, setOptimisticRemovedAttachmentIds] = useState<number[]>([]);
     const [hasPendingOptimisticAttachmentUpdate, setHasPendingOptimisticAttachmentUpdate] = useState(false);
     const fileInputRef = useRef<HTMLInputElement>(null);
+    const editTextareaRef = useRef<HTMLTextAreaElement | null>(null);
     const [patchChatterMessage, { isLoading: isUpdatingTaskStatus }] = usePatchChatterMessageMutation();
     const [updateChatterNoteMessage, { isLoading: isUpdatingNote }] = useUpdateChatterNoteMessageMutation();
     const { data: session } = useSession();
+    const {
+        mentions: editMentions,
+        mentionRange,
+        mentionSuggestions,
+        activeMentionIndex,
+        isFetchingMentionUsers,
+        handleMentionTextChange,
+        handleMentionKeyDown,
+        handleMentionKeyUp,
+        handleMentionClick,
+        handleSelectMention,
+        resetMentions,
+    } = useChatterMentions({
+        value: editedMessage,
+        onChange: setEditedMessage,
+        textareaRef: editTextareaRef,
+    });
     const avatarStyle = useMemo(() => {
         const bg = stringToColor(user)
@@ -208,8 +230,10 @@ export const SolidChatterMessageBox = (props: Props) => {
         }
         setIsEditing(false);
         try {
+            const messageBody = buildMessageBodyWithMentionTokens(nextMessage, editMentions);
             const formData = new FormData();
-            formData.append('messageBody', nextMessage);
+            formData.append('messageBody', messageBody.body);
+            formData.append('messageBodyMentions', JSON.stringify(messageBody.mentions));
             if (removedAttachmentIds.length > 0) {
                 formData.append('removeAttachmentIds', removedAttachmentIds.join(','));
             }
@@ -227,10 +251,21 @@ export const SolidChatterMessageBox = (props: Props) => {
         }
     };
+    const handleEditKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {
+        handleMentionKeyDown(event);
+        if (event.defaultPrevented) return;
+        if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {
+            event.preventDefault();
+            handleEditSave();
+        }
+    };
     const handleCancelEdit = () => {
         setEditedMessage(localMessage ?? '');
         setSelectedFiles([]);
         setRemovedAttachmentIds([]);
+        resetMentions(parseMessageBodyMentions(messageBodyMentions));
         setIsEditing(false);
     };
@@ -290,7 +325,10 @@ export const SolidChatterMessageBox = (props: Props) => {
                                         variant="ghost"
                                         className="solid-icon-button"
                                         leftIcon={<Pencil size={12} />}
-                                        onClick={() => setIsEditing(true)}
+                                        onClick={() => {
+                                            resetMentions(parseMessageBodyMentions(messageBodyMentions));
+                                            setIsEditing(true);
+                                        }}
                                         aria-label="Edit note"
                                         title="Edit note"
                                     />
@@ -314,11 +352,26 @@ export const SolidChatterMessageBox = (props: Props) => {
                         {isEditing && (
                             <div className='flex flex-col gap-2'>
                                 <SolidTextarea
+                                    ref={editTextareaRef}
                                     value={editedMessage}
-                                    onChange={(e) => setEditedMessage(e.target.value)}
+                                    onChange={handleMentionTextChange}
+                                    onKeyDown={handleEditKeyDown}
+                                    onKeyUp={handleMentionKeyUp}
+                                    onClick={handleMentionClick}
                                     rows={4}
                                     className="w-full py-2"
                                 />
+                                <p className={styles.chatterComposerHelp}>
+                                    Type @ to mention a user. Press Ctrl+Enter to save.
+                                </p>
+                                {mentionRange && (
+                                    <SolidChatterMentionMenu
+                                        isLoading={isFetchingMentionUsers}
+                                        users={mentionSuggestions}
+                                        activeIndex={activeMentionIndex}
+                                        onSelect={handleSelectMention}
+                                    />
+                                )}
                                 <div className='flex flex-col gap-2'>
                                     <input
                                         ref={fileInputRef}

package/dist/components/core/chatter/SolidMessageComposer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidMessageComposer.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"~~AAOA~~,UAAU,yBAAyB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,qEAAsE,yBAAyB,~~4CAmK~~/H,CAAA"}
1	+ {"version":3,"file":"SolidMessageComposer.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"AAUA,UAAU,yBAAyB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,qEAAsE,yBAAyB,4CAsN/H,CAAA"}

package/dist/components/core/chatter/SolidMessageComposer.js CHANGED Viewed

@@ -50,13 +50,22 @@ import { useEffect, useState, useRef } from 'react';
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
 import { SolidButton, SolidTextarea } from '../../shad-cn-ui';
 import { FileText, Paperclip, X } from 'lucide-react';
+import { buildMessageBodyWithMentionTokens } from './chatterMentions';
+import { useChatterMentions } from './useChatterMentions';
+import { SolidChatterMentionMenu } from './SolidChatterMentionMenu';
 export var SolidMessageComposer = function (_a) {
     var type = _a.type, modelSingularName = _a.modelSingularName, refetch = _a.refetch, id = _a.id, onCancel = _a.onCancel, modelUserKey = _a.modelUserKey;
     var _b = useState(''), message = _b[0], setMessage = _b[1];
     var _c = useState([]), selectedFiles = _c[0], setSelectedFiles = _c[1];
     var fileInputRef = useRef(null);
+    var textareaRef = useRef(null);
     // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);
     var _d = usePostChatterMessageMutation(), postChatterMessage = _d[0], _e = _d[1], isLoading = _e.isLoading, isSuccess = _e.isSuccess;
+    var _f = useChatterMentions({
+        value: message,
+        onChange: setMessage,
+        textareaRef: textareaRef,
+    }), mentions = _f.mentions, mentionRange = _f.mentionRange, mentionSuggestions = _f.mentionSuggestions, activeMentionIndex = _f.activeMentionIndex, isFetchingMentionUsers = _f.isFetchingMentionUsers, handleMentionTextChange = _f.handleMentionTextChange, handleMentionKeyDown = _f.handleMentionKeyDown, handleMentionKeyUp = _f.handleMentionKeyUp, handleMentionClick = _f.handleMentionClick, handleSelectMention = _f.handleSelectMention, resetMentions = _f.resetMentions;
     var handleFileSelect = function (event) {
         if (event.target.files) {
             var files_1 = Array.from(event.target.files);
@@ -64,7 +73,7 @@ export var SolidMessageComposer = function (_a) {
         }
     };
     var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var formData_1, error_1;
+        var messageBody, formData_1, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -74,11 +83,15 @@ export var SolidMessageComposer = function (_a) {
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
+                    messageBody = buildMessageBodyWithMentionTokens(message, mentions);
                     formData_1 = new FormData();
                     formData_1.append('messageSubType', "note");
-                    formData_1.append('messageBody', message);
+                    formData_1.append('messageBody', messageBody.body);
                     formData_1.append('coModelEntityId', id);
                     formData_1.append('coModelName', modelSingularName);
+                    if (messageBody.mentions.length > 0) {
+                        formData_1.append('messageBodyMentions', JSON.stringify(messageBody.mentions));
+                    }
                     if (modelUserKey)
                         formData_1.append('modelUserKey', modelUserKey);
                     selectedFiles.forEach(function (file) {
@@ -89,6 +102,7 @@ export var SolidMessageComposer = function (_a) {
                     _a.sent();
                     setMessage('');
                     setSelectedFiles([]);
+                    resetMentions();
                     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
                     return [3 /*break*/, 4];
                 case 3:
@@ -99,6 +113,22 @@ export var SolidMessageComposer = function (_a) {
             }
         });
     }); };
+    var handleComposerKeyDown = function (event) {
+        var _a;
+        handleMentionKeyDown(event);
+        if (event.defaultPrevented)
+            return;
+        if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {
+            event.preventDefault();
+            (_a = event.currentTarget.form) === null || _a === void 0 ? void 0 : _a.requestSubmit();
+        }
+    };
+    var resetComposer = function () {
+        setMessage('');
+        setSelectedFiles([]);
+        resetMentions();
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    };
     useEffect(function () {
         if (isSuccess) {
             refetch();
@@ -111,10 +141,6 @@ export var SolidMessageComposer = function (_a) {
             ? "".concat((size / (1024 * 1024)).toFixed(1), " MB")
             : "".concat((size / 1024).toFixed(1), " KB");
     };
-    return (_jsxs("form", { className: styles.chatterMessageComposer, onSubmit: handleSubmit, children: [_jsxs("div", { className: "".concat(styles.solidMessageWrapper, " flex flex-col gap-2 w-full"), children: [_jsx("div", { className: 'flex items-center justify-between', children: _jsx("p", { className: 'form-field-label m-0', children: type === 'email' ? 'Email Message' : 'Internal Note' }) }), _jsx(SolidTextarea, { value: message, onChange: function (e) { return setMessage(e.target.value); }, placeholder: type === 'email' ? 'Send a message to followers' : 'Log an internal note.', className: "w-full p-2", rows: 4 }), _jsxs("div", { className: 'flex items-center justify-between flex-wrap gap-2', children: [_jsxs("div", { className: 'flex items-center gap-2', children: [_jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileSelect, multiple: true, style: { display: 'none' } }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", leftIcon: _jsx(Paperclip, { size: 14 }), onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, "aria-label": "Attach files", title: "Attach files" }), _jsx("span", { className: 'text-xs text-color-secondary', children: "Attach file" })] }), _jsxs("div", { className: 'flex items-center gap-2', children: [_jsx(SolidButton, { type: 'submit', size: 'sm', className: 'gap-2 solid-purple-button', variant: 'primary', loading: isLoading, disabled: !message.trim() && selectedFiles.length === 0, children: type === 'email' ? 'Send' : 'Log' }), _jsx(SolidButton, { type: 'button', size: 'sm', variant: 'ghost', onClick: function () {
-                                            setMessage('');
-                                            setSelectedFiles([]);
-                                            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-                                        }, children: "Cancel" })] })] })] }), selectedFiles.length > 0 && (_jsx("div", { className: styles.chatterSelectedFiles, children: selectedFiles.map(function (file, index) { return (_jsxs("div", { className: styles.chatterSelectedFileCard, children: [_jsx("div", { className: styles.chatterSelectedFileIcon, children: _jsx(FileText, { size: 16 }) }), _jsxs("div", { className: styles.chatterSelectedFileMeta, children: [_jsx("p", { className: styles.chatterSelectedFileName, children: file.name }), _jsx("span", { className: styles.chatterSelectedFileSize, children: formatFileSize(file.size) })] }), _jsx(SolidButton, { type: "button", variant: "ghost", size: "sm", className: "solid-icon-button", leftIcon: _jsx(X, { size: 12 }), onClick: function () { return setSelectedFiles(function (prev) { return prev.filter(function (_, i) { return i !== index; }); }); }, "aria-label": "Remove ".concat(file.name) })] }, index)); }) }))] }));
+    return (_jsxs("form", { className: styles.chatterMessageComposer, onSubmit: handleSubmit, children: [_jsxs("div", { className: "".concat(styles.solidMessageWrapper, " flex flex-col gap-2 w-full"), children: [_jsx("div", { className: 'flex items-center justify-between', children: _jsx("p", { className: 'form-field-label m-0', children: type === 'email' ? 'Email Message' : 'Internal Note' }) }), _jsx(SolidTextarea, { ref: textareaRef, value: message, onChange: handleMentionTextChange, onKeyDown: handleComposerKeyDown, onKeyUp: handleMentionKeyUp, onClick: handleMentionClick, placeholder: type === 'email' ? 'Send a message to followers' : 'Log an internal note.', className: "w-full p-2", rows: 4 }), _jsx("p", { className: styles.chatterComposerHelp, children: "Type @ to mention a user. Press Ctrl+Enter to save." }), mentionRange && (_jsx(SolidChatterMentionMenu, { isLoading: isFetchingMentionUsers, users: mentionSuggestions, activeIndex: activeMentionIndex, onSelect: handleSelectMention })), _jsxs("div", { className: 'flex items-center justify-between flex-wrap gap-2', children: [_jsxs("div", { className: 'flex items-center gap-2', children: [_jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileSelect, multiple: true, style: { display: 'none' } }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", className: "solid-icon-button", leftIcon: _jsx(Paperclip, { size: 14 }), onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, "aria-label": "Attach files", title: "Attach files" }), _jsx("span", { className: 'text-xs text-color-secondary', children: "Attach file" })] }), _jsxs("div", { className: 'flex items-center gap-2', children: [_jsx(SolidButton, { type: 'submit', size: 'sm', className: 'gap-2 solid-purple-button', variant: 'primary', loading: isLoading, disabled: !message.trim() && selectedFiles.length === 0, children: type === 'email' ? 'Send' : 'Log' }), _jsx(SolidButton, { type: 'button', size: 'sm', variant: 'ghost', onClick: resetComposer, children: "Cancel" })] })] })] }), selectedFiles.length > 0 && (_jsx("div", { className: styles.chatterSelectedFiles, children: selectedFiles.map(function (file, index) { return (_jsxs("div", { className: styles.chatterSelectedFileCard, children: [_jsx("div", { className: styles.chatterSelectedFileIcon, children: _jsx(FileText, { size: 16 }) }), _jsxs("div", { className: styles.chatterSelectedFileMeta, children: [_jsx("p", { className: styles.chatterSelectedFileName, children: file.name }), _jsx("span", { className: styles.chatterSelectedFileSize, children: formatFileSize(file.size) })] }), _jsx(SolidButton, { type: "button", variant: "ghost", size: "sm", className: "solid-icon-button", leftIcon: _jsx(X, { size: 12 }), onClick: function () { return setSelectedFiles(function (prev) { return prev.filter(function (_, i) { return i !== index; }); }); }, "aria-label": "Remove ".concat(file.name) })] }, index)); }) }))] }));
 };
 //# sourceMappingURL=SolidMessageComposer.js.map

package/dist/components/core/chatter/SolidMessageComposer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidMessageComposer.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,6BAA6B,EAAE,MAAM,2CAA2C,CAAA;AACzF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAWrD,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAA2F;QAAzF,IAAI,UAAA,EAAE,iBAAiB,uBAAA,EAAE,OAAO,aAAA,EAAE,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA;IACzF,IAAA,KAAwB,QAAQ,CAAC,EAAE,CAAC,EAAnC,OAAO,QAAA,EAAE,UAAU,QAAgB,CAAC;IACrC,IAAA,KAAoC,QAAQ,CAAS,EAAE,CAAC,EAAvD,aAAa,QAAA,EAAE,gBAAgB,QAAwB,CAAC;IAE/D,IAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,qEAAqE;IAC/D,IAAA,KAAiD,6BAA6B,EAAE,EAA/E,kBAAkB,QAAA,EAAE,UAAwB,EAAtB,SAAS,eAAA,EAAE,SAAS,eAAqC,CAAC;IAEvF,IAAM,gBAAgB,GAAG,UAAC,KAA0C;QAChE,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;YACpB,IAAM,OAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC7C,gBAAgB,CAAC,UAAA,IAAI,IAAI,uCAAI,IAAI,SAAK,OAAK,SAAlB,CAAmB,CAAC,CAAC;SACjD;IACL,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAO,CAAkB;;;;;oBAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;wBAAE,sBAAO;;;;oBAGhD,aAAW,IAAI,QAAQ,EAAE,CAAC;oBAChC,UAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;oBAC1C,UAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;oBACxC,UAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;oBACvC,UAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;oBAElD,IAAI,YAAY;wBAAE,UAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;oBAChE,aAAa,CAAC,OAAO,CAAC,UAAC,IAAI;wBACvB,UAAQ,CAAC,MAAM,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAC;oBAChD,CAAC,CAAC,CAAC;oBAEH,qBAAM,kBAAkB,CAAC,UAAQ,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAA3C,SAA2C,CAAC;oBAC5C,UAAU,CAAC,EAAE,CAAC,CAAC;oBACf,gBAAgB,CAAC,EAAE,CAAC,CAAC;oBACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;;;;oBAEb,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,OAAK,CAAC,CAAC;;;;;SAE7D,CAAC;IAEF,SAAS,CAAC;QACN,IAAI,SAAS,EAAE;YACX,OAAO,EAAE,CAAA;SACZ;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,cAAc,GAAG,UAAC,IAAY;QAChC,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI,IAAI,IAAI,GAAG,IAAI;YACtB,CAAC,CAAC,UAAG,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAK;YAC3C,CAAC,CAAC,UAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAK,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACH,gBAAM,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAAE,QAAQ,EAAE,YAAY,aAsBlE,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,mBAAmB,gCAA6B,aACtE,cAAK,SAAS,EAAC,mCAAmC,YAC9C,YAAG,SAAS,EAAC,sBAAsB,YAC9B,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,GACrD,GACF,EACN,KAAC,aAAa,IACV,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA1B,CAA0B,EAC3C,WAAW,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,uBAAuB,EACvF,SAAS,EAAC,YAAY,EACtB,IAAI,EAAE,CAAC,GACT,EACF,eAAK,SAAS,EAAC,mDAAmD,aAC9D,eAAK,SAAS,EAAC,yBAAyB,aACpC,gBACI,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAC5B,EACF,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,OAAO,EAAE,sBAAM,OAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,gBACjC,cAAc,EACzB,KAAK,EAAC,cAAc,GACtB,EACF,eAAM,SAAS,EAAC,8BAA8B,4BAAmB,IAC/D,EACN,eAAK,SAAS,EAAC,yBAAyB,aACpC,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,YAEtD,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GACxB,EACd,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,OAAO,EAAE;4CACL,UAAU,CAAC,EAAE,CAAC,CAAC;4CACf,gBAAgB,CAAC,EAAE,CAAC,CAAC;4CACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;wCACjB,CAAC,uBAGS,IACZ,IACJ,IACJ,EACL,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACtC,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAChC,eAAiB,SAAS,EAAE,MAAM,CAAC,uBAAuB,aACtD,cAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAC1C,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACpB,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,aAC1C,YAAG,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAAG,IAAI,CAAC,IAAI,GAAK,EAC7D,eAAM,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,GAAQ,IACjF,EACN,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,EACzB,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,KAAK,KAAK,EAAX,CAAW,CAAC,EAAlC,CAAkC,CAAC,EAA5D,CAA4D,gBAC/D,iBAAU,IAAI,CAAC,IAAI,CAAE,GACnC,KAhBI,KAAK,CAiBT,CACT,EAnBmC,CAmBnC,CAAC,GACA,CACT,IACE,CACV,CAAA;AACL,CAAC,CAAA","sourcesContent":["import styles from './chatter.module.css'\nimport { usePostChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useEffect, useState, useRef } from 'react'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { SolidButton, SolidTextarea } from '../../shad-cn-ui'\nimport { FileText, Paperclip, X } from 'lucide-react'\n\ninterface SolidMessageComposerProps {\n type?: string;\n modelSingularName?: any;\n refetch?: any;\n id?: any;\n onCancel?: () => void;\n modelUserKey?: string;\n}\n\nexport const SolidMessageComposer = ({ type, modelSingularName, refetch, id, onCancel, modelUserKey }: SolidMessageComposerProps) => {\n const [message, setMessage] = useState('');\n const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n\n const fileInputRef = useRef<HTMLInputElement>(null);\n\n // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);\n const [postChatterMessage, { isLoading, isSuccess }] = usePostChatterMessageMutation();\n\n const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (event.target.files) {\n const files = Array.from(event.target.files);\n setSelectedFiles(prev => [...prev, ...files]);\n }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!message.trim() && selectedFiles.length === 0) return;\n\n try {\n const formData = new FormData();\n formData.append('messageSubType', \"note\");\n formData.append('messageBody', message);\n formData.append('coModelEntityId', id);\n formData.append('coModelName', modelSingularName);\n\n if (modelUserKey) formData.append('modelUserKey', modelUserKey);\n selectedFiles.forEach((file) => {\n formData.append(`messageAttachments`, file);\n });\n\n await postChatterMessage(formData).unwrap();\n setMessage('');\n setSelectedFiles([]);\n onCancel?.();\n } catch (error) {\n console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n }\n };\n\n useEffect(() => {\n if (isSuccess) {\n refetch()\n }\n }, [isSuccess]);\n\n const formatFileSize = (size: number) => {\n if (!size) return \"\";\n return size >= 1024 * 1024\n ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n : `${(size / 1024).toFixed(1)} KB`;\n };\n\n return (\n <form className={styles.chatterMessageComposer} onSubmit={handleSubmit}>\n {/* {type === 'email' &&\n <div className='mb-2 flex items-center gap-1 text-sm'>\n <span className='font-bold'>To:</span>\n <div className={styles.chatterEmails}>\n {tempEmails.map((mail, index) => (\n <span key={index}>\n {mail}\n </span>\n ))}\n </div>\n <div className={`si si-sort-down-fill text-[var(--primary-color)] ${styles.emailTooltipIcon}`} style={{ fontSize: 8 }}>\n <div className={styles.emailsTooltip}>\n {tempEmails.map((mail, index) => (\n <span key={index} className='text-color text-sm'>\n {mail}\n </span>\n ))}\n </div>\n </div>\n </div>\n } */}\n <div className={`${styles.solidMessageWrapper} flex flex-col gap-2 w-full`}>\n <div className='flex items-center justify-between'>\n <p className='form-field-label m-0'>\n {type === 'email' ? 'Email Message' : 'Internal Note'}\n </p>\n </div>\n <SolidTextarea\n value={message}\n onChange={(e) => setMessage(e.target.value)}\n placeholder={type === 'email' ? 'Send a message to followers' : 'Log an internal note.'}\n className=\"w-full p-2\"\n rows={4}\n />\n <div className='flex items-center justify-between flex-wrap gap-2'>\n <div className='flex items-center gap-2'>\n <input\n type=\"file\"\n ref={fileInputRef}\n onChange={handleFileSelect}\n multiple\n style={{ display: 'none' }}\n />\n <SolidButton\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n className=\"solid-icon-button\"\n leftIcon={<Paperclip size={14} />}\n onClick={() => fileInputRef.current?.click()}\n aria-label=\"Attach files\"\n title=\"Attach files\"\n />\n <span className='text-xs text-color-secondary'>Attach file</span>\n </div>\n <div className='flex items-center gap-2'>\n <SolidButton\n type='submit'\n size='sm'\n className='gap-2 solid-purple-button'\n variant='primary'\n loading={isLoading}\n disabled={!message.trim() && selectedFiles.length === 0}\n >\n {type === 'email' ? 'Send' : 'Log'}\n </SolidButton>\n <SolidButton\n type='button'\n size='sm'\n variant='ghost'\n onClick={() => {\n setMessage('');\n setSelectedFiles([]);\n onCancel?.();\n }}\n >\n Cancel\n </SolidButton>\n </div>\n </div>\n </div>\n {selectedFiles.length > 0 && (\n <div className={styles.chatterSelectedFiles}>\n {selectedFiles.map((file, index) => (\n <div key={index} className={styles.chatterSelectedFileCard}>\n <div className={styles.chatterSelectedFileIcon}>\n <FileText size={16} />\n </div>\n <div className={styles.chatterSelectedFileMeta}>\n <p className={styles.chatterSelectedFileName}>{file.name}</p>\n <span className={styles.chatterSelectedFileSize}>{formatFileSize(file.size)}</span>\n </div>\n <SolidButton\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className=\"solid-icon-button\"\n leftIcon={<X size={12} />}\n onClick={() => setSelectedFiles(prev => prev.filter((_, i) => i !== index))}\n aria-label={`Remove ${file.name}`}\n />\n </div>\n ))}\n </div>\n )}\n </form>\n )\n}\n"]}
1	+ {"version":3,"file":"SolidMessageComposer.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["import styles from './chatter.module.css'\nimport { usePostChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useEffect, useState, useRef } from 'react'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { SolidButton, SolidTextarea } from '../../shad-cn-ui'\nimport { FileText, Paperclip, X } from 'lucide-react'\nimport { buildMessageBodyWithMentionTokens } from './chatterMentions'\nimport { useChatterMentions } from './useChatterMentions'\nimport { SolidChatterMentionMenu } from './SolidChatterMentionMenu'\n\ninterface SolidMessageComposerProps {\n type?: string;\n modelSingularName?: any;\n refetch?: any;\n id?: any;\n onCancel?: () => void;\n modelUserKey?: string;\n}\n\nexport const SolidMessageComposer = ({ type, modelSingularName, refetch, id, onCancel, modelUserKey }: SolidMessageComposerProps) => {\n const [message, setMessage] = useState('');\n const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n\n const fileInputRef = useRef<HTMLInputElement>(null);\n const textareaRef = useRef<HTMLTextAreaElement \| null>(null);\n\n // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);\n const [postChatterMessage, { isLoading, isSuccess }] = usePostChatterMessageMutation();\n const {\n mentions,\n mentionRange,\n mentionSuggestions,\n activeMentionIndex,\n isFetchingMentionUsers,\n handleMentionTextChange,\n handleMentionKeyDown,\n handleMentionKeyUp,\n handleMentionClick,\n handleSelectMention,\n resetMentions,\n } = useChatterMentions({\n value: message,\n onChange: setMessage,\n textareaRef,\n });\n\n const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (event.target.files) {\n const files = Array.from(event.target.files);\n setSelectedFiles(prev => [...prev, ...files]);\n }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!message.trim() && selectedFiles.length === 0) return;\n\n try {\n const messageBody = buildMessageBodyWithMentionTokens(message, mentions);\n const formData = new FormData();\n formData.append('messageSubType', \"note\");\n formData.append('messageBody', messageBody.body);\n formData.append('coModelEntityId', id);\n formData.append('coModelName', modelSingularName);\n if (messageBody.mentions.length > 0) {\n formData.append('messageBodyMentions', JSON.stringify(messageBody.mentions));\n }\n\n if (modelUserKey) formData.append('modelUserKey', modelUserKey);\n selectedFiles.forEach((file) => {\n formData.append(`messageAttachments`, file);\n });\n\n await postChatterMessage(formData).unwrap();\n setMessage('');\n setSelectedFiles([]);\n resetMentions();\n onCancel?.();\n } catch (error) {\n console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n }\n };\n\n const handleComposerKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n handleMentionKeyDown(event);\n if (event.defaultPrevented) return;\n\n if ((event.ctrlKey \|\| event.metaKey) && event.key === 'Enter') {\n event.preventDefault();\n event.currentTarget.form?.requestSubmit();\n }\n };\n\n const resetComposer = () => {\n setMessage('');\n setSelectedFiles([]);\n resetMentions();\n onCancel?.();\n };\n\n useEffect(() => {\n if (isSuccess) {\n refetch()\n }\n }, [isSuccess]);\n\n const formatFileSize = (size: number) => {\n if (!size) return \"\";\n return size >= 1024 * 1024\n ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n : `${(size / 1024).toFixed(1)} KB`;\n };\n\n return (\n <form className={styles.chatterMessageComposer} onSubmit={handleSubmit}>\n {/* {type === 'email' &&\n <div className='mb-2 flex items-center gap-1 text-sm'>\n <span className='font-bold'>To:</span>\n <div className={styles.chatterEmails}>\n {tempEmails.map((mail, index) => (\n <span key={index}>\n {mail}\n </span>\n ))}\n </div>\n <div className={`si si-sort-down-fill text-[var(--primary-color)] ${styles.emailTooltipIcon}`} style={{ fontSize: 8 }}>\n <div className={styles.emailsTooltip}>\n {tempEmails.map((mail, index) => (\n <span key={index} className='text-color text-sm'>\n {mail}\n </span>\n ))}\n </div>\n </div>\n </div>\n } */}\n <div className={`${styles.solidMessageWrapper} flex flex-col gap-2 w-full`}>\n <div className='flex items-center justify-between'>\n <p className='form-field-label m-0'>\n {type === 'email' ? 'Email Message' : 'Internal Note'}\n </p>\n </div>\n <SolidTextarea\n ref={textareaRef}\n value={message}\n onChange={handleMentionTextChange}\n onKeyDown={handleComposerKeyDown}\n onKeyUp={handleMentionKeyUp}\n onClick={handleMentionClick}\n placeholder={type === 'email' ? 'Send a message to followers' : 'Log an internal note.'}\n className=\"w-full p-2\"\n rows={4}\n />\n <p className={styles.chatterComposerHelp}>\n Type @ to mention a user. Press Ctrl+Enter to save.\n </p>\n {mentionRange && (\n <SolidChatterMentionMenu\n isLoading={isFetchingMentionUsers}\n users={mentionSuggestions}\n activeIndex={activeMentionIndex}\n onSelect={handleSelectMention}\n />\n )}\n <div className='flex items-center justify-between flex-wrap gap-2'>\n <div className='flex items-center gap-2'>\n <input\n type=\"file\"\n ref={fileInputRef}\n onChange={handleFileSelect}\n multiple\n style={{ display: 'none' }}\n />\n <SolidButton\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n className=\"solid-icon-button\"\n leftIcon={<Paperclip size={14} />}\n onClick={() => fileInputRef.current?.click()}\n aria-label=\"Attach files\"\n title=\"Attach files\"\n />\n <span className='text-xs text-color-secondary'>Attach file</span>\n </div>\n <div className='flex items-center gap-2'>\n <SolidButton\n type='submit'\n size='sm'\n className='gap-2 solid-purple-button'\n variant='primary'\n loading={isLoading}\n disabled={!message.trim() && selectedFiles.length === 0}\n >\n {type === 'email' ? 'Send' : 'Log'}\n </SolidButton>\n <SolidButton\n type='button'\n size='sm'\n variant='ghost'\n onClick={resetComposer}\n >\n Cancel\n </SolidButton>\n </div>\n </div>\n </div>\n {selectedFiles.length > 0 && (\n <div className={styles.chatterSelectedFiles}>\n {selectedFiles.map((file, index) => (\n <div key={index} className={styles.chatterSelectedFileCard}>\n <div className={styles.chatterSelectedFileIcon}>\n <FileText size={16} />\n </div>\n <div className={styles.chatterSelectedFileMeta}>\n <p className={styles.chatterSelectedFileName}>{file.name}</p>\n <span className={styles.chatterSelectedFileSize}>{formatFileSize(file.size)}</span>\n </div>\n <SolidButton\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className=\"solid-icon-button\"\n leftIcon={<X size={12} />}\n onClick={() => setSelectedFiles(prev => prev.filter((_, i) => i !== index))}\n aria-label={`Remove ${file.name}`}\n />\n </div>\n ))}\n </div>\n )}\n </form>\n )\n}\n"]}