Call Action Plugin

Renders call action system messages like ‘Missed Call’, ‘Call Ended’, ‘Incoming Call’.

AI Integration Quick Reference

Field	Value
Plugin ID	call-action
Package	@cometchat/chat-uikit-react
Message Types	audio, video
Message Categories	call
Included by Default	Yes
Bubble Component	CometChatGroupActionBubble
Conversation Preview	Video call / Voice call
Context Menu	None

Overview

The Call Action plugin handles messages of type audio and video in category call. These are system messages generated when calls are initiated, answered, missed, or ended. They render as centered, pill-shaped bubbles with a call status icon.

---

Bubble Rendering

• Centered pill — same style as group action bubbles
• Status icon — colored icon indicating call direction and outcome
• Status text — localized description (e.g., “Missed Call”, “Outgoing Call”, “Call Ended”)

Call Status Icons

Status	Sent by me	Received	Icon
Initiated	Outgoing call icon	Incoming call icon	Phone/video arrow
Ended	Call end icon	Call end icon	Red phone
Missed/Cancelled/Unanswered	Unanswered icon	Missed call icon (red)	Red phone with X
Ongoing/Answered	Outgoing icon	Incoming icon	Green phone

Status Text Mapping

Sent by me:

• initiated → “Outgoing Call”
• cancelled → “Cancelled Call”
• rejected → “Rejected Call”
• ended → “Call Ended”
• unanswered → “Unanswered Call”

Received:

• initiated → “Incoming Call”
• ended → “Call Ended”
• unanswered/cancelled → “Missed Call”
• busy → “Busy Call”

---

Context Menu Options

None — call action messages have no context menu.

---

Conversation Preview

Returns: Video call or Voice call based on the call type (localized).

---

CSS Selectors

Target	Selector
Bubble root	.cometchat-group-action-bubble
Icon	.cometchat-group-action-bubble__icon
Text	.cometchat-group-action-bubble__text