Collaborative Document Plugin

Renders collaborative document messages with a banner and ‘Open Document’ button.

AI Integration Quick Reference

Field	Value
Plugin ID	collaborative-document
Package	@cometchat/chat-uikit-react
Message Types	extension_document
Message Categories	custom
Included by Default	Yes
Bubble Component	CometChatCollaborativeBubble
Conversation Preview	Collaborative Document
Context Menu	React, Reply, Reply in Thread, Info, Delete, Report, Mark Unread, Message Privately

Overview

The Collaborative Document plugin handles messages of type extension_document in category custom. It renders a card with a document banner image, title, subtitle, and an “Open Document” button that launches the collaborative editor in a new window.

---

Bubble Rendering

• Banner image — themed (light/dark) document illustration
• Title — “Collaborative Document”
• Subtitle — “Open document to edit content together”
• Button — “Open Document” — opens the document URL in a fullscreen popup window
• Lazy-loaded — the bubble component is not included in the initial bundle

The document URL is extracted from the message’s extension metadata at @injected.extensions.document.document_url.

---

Context Menu Options

Standard media options: React, Reply, Reply in Thread, Info, Delete, Report, Mark Unread, Message Privately.

---

Conversation Preview

Returns: Collaborative Document (localized via conversation_subtitle_collaborative_document key)

---

CSS Selectors

Target	Selector
Bubble root	.cometchat-collaborative-bubble
Banner image	.cometchat-collaborative-bubble__banner
Title	.cometchat-collaborative-bubble__title
Subtitle	.cometchat-collaborative-bubble__subtitle
Open button	.cometchat-collaborative-bubble__button