AI Integration Quick Reference
AI Integration Quick Reference
| Field | Value |
|---|---|
| Plugin ID | group-action |
| Package | @cometchat/chat-uikit-react |
| Message Types | groupMember |
| Message Categories | action |
| Included by Default | Yes |
| Bubble Component | CometChatActionBubble |
| Conversation Preview | Action text (e.g., ‘Alice joined’) |
| Context Menu | None |
Overview
The Group Action plugin handles messages of typegroupMember in category action. These are system messages generated by the SDK when group membership changes occur. They render as centered, pill-shaped bubbles with no sender attribution.
Bubble Rendering
- Centered pill — no left/right alignment, no avatar, no timestamp
- Action text — localized description of what happened (e.g., “Alice joined”, “Bob was kicked by Admin”)
- Uses the shared
getActionMessageText()utility for localized text generation
Supported Actions
| Action | Example text |
|---|---|
| Member joined | ”Alice joined” |
| Member left | ”Bob left” |
| Member kicked | ”Admin kicked Bob” |
| Member banned | ”Admin banned Charlie” |
| Member unbanned | ”Admin unbanned Charlie” |
| Scope changed | ”Admin made Bob a moderator” |
| Member added | ”Admin added Dave” |
Context Menu Options
None — group action messages have no context menu.Conversation Preview
Returns the action text (truncated to 100 characters). Falls back toGroup action if text generation fails.
CSS Selectors
| Target | Selector |
|---|---|
| Bubble root | .cometchat-action-bubble |
| Icon (when present) | .cometchat-action-bubble__icon |
| Action text | .cometchat-action-bubble__text |