From a0d5c906499df7dc84244b1d1d82dc44617fac98 Mon Sep 17 00:00:00 2001 From: PrajwalDhuleCC Date: Thu, 6 Aug 2026 17:38:57 +0530 Subject: [PATCH 1/3] correction(sticker-button-react-v7-uikit): update explanation on when the sticker button shows up with stickers --- ui-kit/react/extensions.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ui-kit/react/extensions.mdx b/ui-kit/react/extensions.mdx index e61f0b0f8..7a5516b0b 100644 --- a/ui-kit/react/extensions.mdx +++ b/ui-kit/react/extensions.mdx @@ -111,7 +111,7 @@ Sets reminders for messages or creates personal reminders. A bot sends a notific Sends pre-designed stickers in chat. See [Sticker Extension](/fundamentals/stickers). -Auto-integrates into [Message Composer](/ui-kit/react/components/message-composer) when activated. +The sticker button is always rendered in [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated. The picker shows whatever sticker sets exist for your app, so it opens to an empty state until you activate the extension and add stickers from the CometChat Dashboard. Use `hideStickersButton` on the Message Composer to remove the button entirely. From 5bdc5d79d5c219f82ea1eff6d236ee8e5f2195f9 Mon Sep 17 00:00:00 2001 From: PrajwalDhuleCC Date: Thu, 6 Aug 2026 18:43:19 +0530 Subject: [PATCH 2/3] update(extensions-react-v7-uikit): update behaviour on how extensions are enabled in react v7 uikit --- ui-kit/react/ai-features.mdx | 20 +++++++++++--------- ui-kit/react/extensions.mdx | 19 ++++++++++++------- 2 files changed, 23 insertions(+), 16 deletions(-) diff --git a/ui-kit/react/ai-features.mdx b/ui-kit/react/ai-features.mdx index d2109453c..300359566 100644 --- a/ui-kit/react/ai-features.mdx +++ b/ui-kit/react/ai-features.mdx @@ -10,14 +10,16 @@ description: "AI-powered features in CometChat's React UI Kit: Conversation Star | Package | `@cometchat/chat-uikit-react` | | Required setup | Wrap app in `CometChatProvider` with valid credentials + AI features enabled in [CometChat Dashboard](/fundamentals/ai-user-copilot/overview) | | AI features | Conversation Starter, Smart Replies, Conversation Summary | -| Key components | `CometChatMessageList` → [Message List](/ui-kit/react/components/message-list) (Conversation Starter), `CometChatMessageComposer` → [Message Composer](/ui-kit/react/components/message-composer) (Smart Replies, Summary), `CometChatAIAssistantChat` → [AI Assistant Chat](/ui-kit/react/components/ai-assistant-chat) | -| Activation | Enable each AI feature from the CometChat Dashboard — UI Kit auto-integrates them, no additional code required | +| Key components | `CometChatMessageList` → [Message List](/ui-kit/react/components/message-list) (Conversation Starter, Smart Replies, Summary panel), `CometChatMessageHeader` → [Message Header](/ui-kit/react/components/message-header) (Summary button), `CometChatAIAssistantChat` → [AI Assistant Chat](/ui-kit/react/components/ai-assistant-chat) | +| Activation | Enable each AI feature from the CometChat Dashboard **and** opt in with the component prop listed below — each prop defaults to `false`, so Dashboard activation alone renders nothing | ## Overview -CometChat AI features enhance user interaction by providing contextual suggestions and summaries. Each feature is activated from the Dashboard and auto-integrates into UI Kit components. +CometChat AI features enhance user interaction by providing contextual suggestions and summaries. Each feature requires two steps: activate it from the Dashboard, and enable it on the component with the prop noted in its section below. Unlike most extensions, AI features are opt-in — they render nothing until you pass the prop. + +All three suggestion panels render in the footer of [MessageList](/ui-kit/react/components/message-list), not in the Message Composer. ## Smart Chat Features @@ -26,7 +28,7 @@ CometChat AI features enhance user interaction by providing contextual suggestio Displays AI-generated opening lines when a user starts a new chat. See [Conversation Starter](/fundamentals/ai-user-copilot/conversation-starter). -Auto-integrates into [MessageList](/ui-kit/react/components/message-list) when activated. +Set `showConversationStarters` on [MessageList](/ui-kit/react/components/message-list) (default `false`) to enable it. Starters appear in the message list footer when the conversation has no messages. @@ -36,7 +38,7 @@ Auto-integrates into [MessageList](/ui-kit/react/components/message-list) when a AI-generated response suggestions based on conversation context. See [Smart Replies](/fundamentals/ai-user-copilot/smart-replies). -Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/components/message-composer) when activated. +Set `showSmartReplies` on [MessageList](/ui-kit/react/components/message-list) (default `false`) to enable it. Replies appear in the message list footer after a received text message matches `smartRepliesKeywords`, following a `smartRepliesDelayDuration` debounce. @@ -46,7 +48,7 @@ Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/compone AI-generated recap of long conversations. See [Conversation Summary](/fundamentals/ai-user-copilot/conversation-summary). -Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/components/message-composer) when activated. +Set `showConversationSummaryButton` on [MessageHeader](/ui-kit/react/components/message-header) (default `false`) to enable it. Clicking the button opens the summary panel in the message list footer. Add `enableAutoSummaryGeneration` to trigger it automatically once unread messages reach 15. @@ -59,10 +61,10 @@ Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/compone AI-powered assistant component - Customize the message list where AI features appear + Enable Conversation Starters and Smart Replies - - Customize the composer with Smart Replies and Summary + + Enable the Conversation Summary button Core chat features like messaging and reactions diff --git a/ui-kit/react/extensions.mdx b/ui-kit/react/extensions.mdx index 7a5516b0b..506dca6f9 100644 --- a/ui-kit/react/extensions.mdx +++ b/ui-kit/react/extensions.mdx @@ -11,13 +11,18 @@ description: "Overview of CometChat extensions for React UI Kit, including engag | Required setup | Wrap app in `CometChatProvider` with valid credentials + Extensions enabled in [CometChat Dashboard](/fundamentals/extensions-overview) | | Extension categories | User Experience, User Engagement, Collaboration, Security, Customer Support, Smart Chat Features | | Key components | `CometChatMessageComposer` → [Message Composer](/ui-kit/react/components/message-composer) (Stickers, Polls, Whiteboard, Document), `CometChatMessageList` → [Message List](/ui-kit/react/components/message-list) (Translation, Link Preview, Thumbnails) | -| Activation | Enable each extension from the CometChat Dashboard — UI Kit auto-integrates them, no additional code required | +| Activation | Enable each extension from the CometChat Dashboard — no additional code required. Note that the Stickers, Polls, Collaborative Document, Collaborative Whiteboard, and Translate entry points render in the UI regardless of activation; activation is what makes them work | ## Overview -CometChat UI Kit includes built-in support for extensions that add interactive, secure, and efficient features to chat. Extensions are activated from the [CometChat Dashboard](https://app.cometchat.com/) and auto-integrate into UI Kit components. +CometChat UI Kit includes built-in support for extensions that add interactive, secure, and efficient features to chat. Extensions are activated from the [CometChat Dashboard](https://app.cometchat.com/) and integrate into UI Kit components without additional code. + +Extensions fall into two groups, which behave differently when an extension is *not* activated: + +- **Entry-point extensions** — Stickers, Polls, Collaborative Document, Collaborative Whiteboard, and Message Translation. Their buttons and menu options render unconditionally. Activation determines whether the underlying action succeeds, not whether the control appears. Hide the ones you don't offer using the Message Composer and Message List props noted in each section below. +- **Data-driven extensions** — Link Preview and Thumbnail Generation. These render only when the extension has attached data to a message, so they appear on their own once activated and are invisible until then. Ensure your app is wrapped in `CometChatProvider` with valid credentials. Extensions must be activated from the [CometChat Dashboard](/fundamentals/extensions-overview). @@ -87,7 +92,7 @@ Search and share GIFs from Giphy. See [Giphy Extension](/fundamentals/giphy). Translates messages into the local locale. See [Message Translation Extension](/fundamentals/message-translation). -Auto-integrates into the message options menu of [MessageList](/ui-kit/react/components/message-list) when activated. +The Translate option is always present in the message options menu of [MessageList](/ui-kit/react/components/message-list) for text messages, regardless of whether the extension is activated — activation is what makes the translation request succeed. Use `hideTranslateMessageOption` on the Message List to remove it. @@ -97,7 +102,7 @@ Auto-integrates into the message options menu of [MessageList](/ui-kit/react/com Creates polls in group discussions with predefined answer options. See [Polls Extension](/fundamentals/polls). -Auto-integrates into the Action Sheet of [Message Composer](/ui-kit/react/components/message-composer) when activated. +The Polls option is always present in the attachment menu of [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated — activation is what makes poll creation succeed. It is omitted in the thread composer, since polls cannot be attached to a parent message. Use `hideAttachmentOptions={{ polls: true }}` on the Message Composer to remove it. @@ -111,7 +116,7 @@ Sets reminders for messages or creates personal reminders. A bot sends a notific Sends pre-designed stickers in chat. See [Sticker Extension](/fundamentals/stickers). -The sticker button is always rendered in [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated. The picker shows whatever sticker sets exist for your app, so it opens to an empty state until you activate the extension and add stickers from the CometChat Dashboard. Use `hideStickersButton` on the Message Composer to remove the button entirely. +The sticker button is always rendered in [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated. Use `hideStickersButton` on the Message Composer to remove the button entirely. @@ -131,7 +136,7 @@ Search and share GIFs from Tenor. See [Tenor Extension](/fundamentals/tenor). Shared document editing for real-time collaboration. See [Collaborative Document Extension](/fundamentals/collaborative-document). -Auto-integrates into the Action Sheet of [Message Composer](/ui-kit/react/components/message-composer) when activated. +The Collaborative Document option is always present in the attachment menu of [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated — activation is what makes document creation succeed. It is omitted in the thread composer. Use `hideAttachmentOptions={{ collaborativeDocument: true }}` on the Message Composer to remove it. @@ -141,7 +146,7 @@ Auto-integrates into the Action Sheet of [Message Composer](/ui-kit/react/compon Real-time shared whiteboard for drawing and brainstorming. See [Collaborative Whiteboard Extension](/fundamentals/collaborative-whiteboard). -Auto-integrates into the Action Sheet of [Message Composer](/ui-kit/react/components/message-composer) when activated. +The Collaborative Whiteboard option is always present in the attachment menu of [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated — activation is what makes whiteboard creation succeed. It is omitted in the thread composer. Use `hideAttachmentOptions={{ collaborativeWhiteboard: true }}` on the Message Composer to remove it. From 9e5e12ca2d2087f43a677e884b1d375dae28a2a1 Mon Sep 17 00:00:00 2001 From: PrajwalDhuleCC Date: Thu, 6 Aug 2026 18:48:10 +0530 Subject: [PATCH 3/3] update(extensions-react-v7-uikit): shorten explanations for extension activations --- ui-kit/react/extensions.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/ui-kit/react/extensions.mdx b/ui-kit/react/extensions.mdx index 506dca6f9..0109059d5 100644 --- a/ui-kit/react/extensions.mdx +++ b/ui-kit/react/extensions.mdx @@ -102,7 +102,7 @@ The Translate option is always present in the message options menu of [MessageLi Creates polls in group discussions with predefined answer options. See [Polls Extension](/fundamentals/polls). -The Polls option is always present in the attachment menu of [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated — activation is what makes poll creation succeed. It is omitted in the thread composer, since polls cannot be attached to a parent message. Use `hideAttachmentOptions={{ polls: true }}` on the Message Composer to remove it. +The Polls option is always present in the attachment menu of [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated — activation is what makes poll creation succeed. Use `hideAttachmentOptions={{ polls: true }}` on the Message Composer to remove it. @@ -136,7 +136,7 @@ Search and share GIFs from Tenor. See [Tenor Extension](/fundamentals/tenor). Shared document editing for real-time collaboration. See [Collaborative Document Extension](/fundamentals/collaborative-document). -The Collaborative Document option is always present in the attachment menu of [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated — activation is what makes document creation succeed. It is omitted in the thread composer. Use `hideAttachmentOptions={{ collaborativeDocument: true }}` on the Message Composer to remove it. +The Collaborative Document option is always present in the attachment menu of [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated — activation is what makes document creation succeed. Use `hideAttachmentOptions={{ collaborativeDocument: true }}` on the Message Composer to remove it. @@ -146,7 +146,7 @@ The Collaborative Document option is always present in the attachment menu of [M Real-time shared whiteboard for drawing and brainstorming. See [Collaborative Whiteboard Extension](/fundamentals/collaborative-whiteboard). -The Collaborative Whiteboard option is always present in the attachment menu of [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated — activation is what makes whiteboard creation succeed. It is omitted in the thread composer. Use `hideAttachmentOptions={{ collaborativeWhiteboard: true }}` on the Message Composer to remove it. +The Collaborative Whiteboard option is always present in the attachment menu of [Message Composer](/ui-kit/react/components/message-composer), regardless of whether the extension is activated — activation is what makes whiteboard creation succeed. Use `hideAttachmentOptions={{ collaborativeWhiteboard: true }}` on the Message Composer to remove it.