Skip to content

docs(ui-kit/react): reorganize v7 as default with consolidated structure #393

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
PrajwalDhuleCC wants to merge 27 commits into
base: main
Choose a base branch
from
Open

docs(ui-kit/react): reorganize v7 as default with consolidated structure #393

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
27 commits
Select commit Hold shift + click to select a range
9bbeaa3
docs(ui-kit/react): reorganize v7 as default with consolidated structure
PrajwalDhuleCC Jun 12, 2026
fc34ab1
docs(ui-kit/react): update ownership-changed event payload schema
PrajwalDhuleCC Jun 14, 2026
b2a68a9
remove CometChatFlagMessageDialog from components overview
shagundeogharkar Jun 15, 2026
f2b1e09
docs(ui-kit/react): update internal v6 documentation links
PrajwalDhuleCC Jun 15, 2026
8a97e14
add docs for iframe and chat experience in v7 react
shagundeogharkar Jun 15, 2026
a4c9481
call buttons component docs
shagundeogharkar Jun 15, 2026
a27cc26
docs(ui-kit/react): add SDK builder API references to filtering sections
PrajwalDhuleCC Jun 15, 2026
df6a08f
add flag message component to v7 storybook
shagundeogharkar Jun 15, 2026
b3b15e1
docs(ui-kit/react): add session storage configuration guide
PrajwalDhuleCC Jun 15, 2026
51482e6
add campaigns and notification feed docs
shagundeogharkar Jun 15, 2026
fe9fedd
add storybook previews for flag-message and notification-feed in v7
shagundeogharkar Jun 15, 2026
dc1fbb2
update docs according to recent v7 react changes
shagundeogharkar Jun 15, 2026
9d829ef
update storybook links in iframe
shagundeogharkar Jun 16, 2026
756ad6f
create a new dropdown in sidebar to house all the bubbles
shagundeogharkar Jun 16, 2026
11d7748
docs(ui-kit/react): reorganize components overview and add message bu…
PrajwalDhuleCC Jun 16, 2026
f013aa0
docs(ui-kit/react): specify v6 version in package installation
PrajwalDhuleCC Jun 16, 2026
cf76085
docs(ui-kit/react): update flag-message component reference to flag-m…
PrajwalDhuleCC Jun 16, 2026
b770bf6
docs(ui-kit/react): remove bubble rendering and CSS selector sections…
PrajwalDhuleCC Jun 16, 2026
444d473
fixes according to prop audit
shagundeogharkar Jun 16, 2026
4d930af
fix: P1 - Broken / contradictory code
shagundeogharkar Jun 16, 2026
5179616
more fixes from P2, P3 & p$
shagundeogharkar Jun 16, 2026
98d8272
update docs and add changelog, sample app links
shagundeogharkar Jun 16, 2026
55a58b4
plugins docs fix
shagundeogharkar Jun 17, 2026
125d749
fix search messages guide
shagundeogharkar Jun 17, 2026
2dbdb94
docs(ui-kit/react): update initialization pattern to use updated init…
PrajwalDhuleCC Jun 18, 2026
c6faef6
docs(ui-kit/react): clarify sound manager configuration levels
PrajwalDhuleCC Jun 18, 2026
5d289b8
move AI Plugin to default plugin
shagundeogharkar Jun 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
289 changes: 152 additions & 137 deletions docs.json
View file
Open in desktop

Large diffs are not rendered by default.

957 changes: 0 additions & 957 deletions ui-kit/react/ai-assistant-chat.mdx
View file
Open in desktop

This file was deleted.

17 changes: 9 additions & 8 deletions ui-kit/react/ai-features.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@ description: "AI-powered features in CometChat's React UI Kit: Conversation Star
| Field | Value |
| --- | --- |
| Package | `@cometchat/chat-uikit-react` |
| Required setup | `CometChatUIKit.init(UIKitSettings)` then `CometChatUIKit.login("UID")` + AI features enabled in [CometChat Dashboard](/fundamentals/ai-user-copilot/overview) |
| 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/message-list) (Conversation Starter), `CometChatMessageComposer` → [Message Composer](/ui-kit/react/message-composer) (Smart Replies, Summary), `CometChatAIAssistantChat` → [AI Assistant Chat](/ui-kit/react/ai-assistant-chat) |
| 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 |

</Accordion>
Expand All @@ -19,13 +19,14 @@ description: "AI-powered features in CometChat's React UI Kit: Conversation Star

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.


## Smart Chat Features

### Conversation Starter

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/message-list) when activated.
Auto-integrates into [MessageList](/ui-kit/react/components/message-list) when activated.

<Frame>
<img src="/images/1cad4411-ai_conversation_starter_web_screens-e086f83ee4ee395ce75328ecc6e7d45b.png" />
Expand All @@ -35,7 +36,7 @@ Auto-integrates into [MessageList](/ui-kit/react/message-list) when activated.

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/message-composer) when activated.
Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/components/message-composer) when activated.

<Frame>
<img src="/images/52f05152-ai_smart_replies_web_screens-8ac3840804809fd9402814764093c6fc.png" />
Expand All @@ -45,7 +46,7 @@ Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/message

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/message-composer) when activated.
Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/components/message-composer) when activated.

<Frame>
<img src="/images/d83c9272-ai_conversation_summary_web_screens-b5e1d99c765f9c0c6f1e80d2b7e89421.png" />
Expand All @@ -54,13 +55,13 @@ Auto-integrates into the Action Sheet of [MessageComposer](/ui-kit/react/message
## Next Steps

<CardGroup cols={2}>
<Card title="AI Assistant Chat" icon="robot" href="/ui-kit/react/ai-assistant-chat">
<Card title="AI Assistant Chat" icon="robot" href="/ui-kit/react/components/ai-assistant-chat">
AI-powered assistant component
</Card>
<Card title="Message List" icon="messages" href="/ui-kit/react/message-list">
<Card title="Message List" icon="messages" href="/ui-kit/react/components/message-list">
Customize the message list where AI features appear
</Card>
<Card title="Message Composer" icon="pen-to-square" href="/ui-kit/react/message-composer">
<Card title="Message Composer" icon="pen-to-square" href="/ui-kit/react/components/message-composer">
Customize the composer with Smart Replies and Summary
</Card>
<Card title="Core Features" icon="comments" href="/ui-kit/react/core-features">
Expand Down
Loading