iachat/app/javascript/dashboard/components-next
Sojan Jose 6bdd4f0670
feat(voice): Incoming voice calls [EE] (#12361)
This PR delivers the first slice of the voice channel: inbound call
handling. When a customer calls a configured voice
number, Chatwoot now creates a new conversation and shows a dedicated
call bubble in the UI. As the call progresses
(ringing, answered, completed), its status updates in real time in both
the conversation list and the call bubble, so
agents can instantly see what’s happening. This focuses on the inbound
flow and is part of breaking the larger voice
feature into smaller, functional, and testable units; further
enhancements will follow in subsequent PRs.

references: #11602 , #11481  

## Testing

- Configure a Voice inbox in Chatwoot with your Twilio number.
- Place a call to that number.
- Verify a new conversation appears in the Voice inbox for the call.
- Open it and confirm a dedicated voice call message bubble is shown.
- Watch status update live (ringing/answered); hang up and see it change
to completed in both the bubble and conversation
list.
- to test missed call status, make sure to hangup the call before the
please wait while we connect you to an agent message plays


## Screens

<img width="400" alt="Screenshot 2025-09-03 at 3 11 25 PM"
src="https://github.com/user-attachments/assets/d6a1d2ff-2ded-47b7-9144-a9d898beb380"
/>

<img width="700" alt="Screenshot 2025-09-03 at 3 11 33 PM"
src="https://github.com/user-attachments/assets/c25e6a1e-a885-47f7-b3d7-c3e15eef18c7"
/>

<img width="700" alt="Screenshot 2025-09-03 at 3 11 57 PM"
src="https://github.com/user-attachments/assets/29e7366d-b1d4-4add-a062-4646d2bff435"
/>



<img width="442" height="255" alt="Screenshot 2025-09-04 at 11 55 01 PM"
src="https://github.com/user-attachments/assets/703126f6-a448-49d9-9c02-daf3092cc7f9"
/>

---------

Co-authored-by: Muhsin <muhsinkeramam@gmail.com>
2025-09-08 22:35:23 +05:30
..
Accordion feat: Allow customizing the responses, flows in Captain (#11385) 2025-04-29 15:42:15 -07:00
AssignmentPolicy/AssignmentCard feat: Agent assignment index page (#12364) 2025-09-04 12:02:35 +05:30
avatar fix: RTL issues in new conversation form (#12163) 2025-08-11 14:16:48 -07:00
banner chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
breadcrumb chore: Optimize contact page for smaller displays (#12183) 2025-08-14 19:07:20 +05:30
button chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
Campaigns feat: WhatsApp enhanced templates front end changes (#12117) 2025-08-12 18:53:19 +05:30
captain feat: add FE changes for captain pdf support for faq generation (#12115) 2025-09-02 19:01:16 +05:30
checkbox feat: Add support for bulk action for Captain FAQs (#10905) 2025-02-27 17:05:33 -08:00
colorpicker chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
combobox feat: add FE changes for captain pdf support for faq generation (#12115) 2025-09-02 19:01:16 +05:30
Contacts feat: Ability to filter contact based on labels (#12343) 2025-09-02 12:35:18 +05:30
content-templates feat: Add twilio content templates (#12277) 2025-08-29 16:13:25 +05:30
Conversation chore: Optimize contact page for smaller displays (#12183) 2025-08-14 19:07:20 +05:30
copilot chore: Replace copilot input with auto-expanding textarea (#12296) 2025-08-27 15:12:48 +05:30
CustomAttributes feat(v4): Add new contact details screen (#10504) 2024-12-03 21:29:47 -08:00
dialog feat: Add Teleport component to fix RTL/LTR utility classes (#11455) 2025-05-12 11:49:23 -07:00
dropdown-menu fix: add scrollbar to search bar dropdown (#12362) 2025-09-04 01:25:13 -07:00
Editor feat: New Scenarios page (#11975) 2025-07-30 19:34:27 +05:30
feature-spotlight feat: Add support for feature spotlight components (#11012) 2025-03-18 13:17:42 -07:00
filter feat: Ability to filter contact based on labels (#12343) 2025-09-02 12:35:18 +05:30
flag feat: Flag icon component (#10564) 2024-12-10 11:53:24 +05:30
HelpCenter fix: grid layout for color picker (#12166) 2025-08-12 12:05:17 +05:30
icon feat: Update Inbox/Team creation UI (#12305) 2025-09-02 14:11:38 +05:30
Inbox chore: Replace Thumbnail with Avatar (#12119) 2025-08-11 15:47:17 +05:30
inline-input chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
input chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
Label chore(v4): Update colors (#10700) 2025-01-16 15:27:23 +05:30
message feat(voice): Incoming voice calls [EE] (#12361) 2025-09-08 22:35:23 +05:30
NewConversation feat: Add twilio content templates (#12277) 2025-08-29 16:13:25 +05:30
pagination chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
phonenumberinput fix: Accidental contact creation on country dropdown toggle (#11494) 2025-05-16 16:14:00 +05:30
selectmenu feat: Update conversation basic filter (#11415) 2025-05-06 12:44:23 +05:30
sidebar feat: Agent assignment index page (#12364) 2025-09-04 12:02:35 +05:30
spinner feat: Add Spinner to new components (#10303) 2024-10-16 17:53:46 -07:00
switch chore: Migrate to next Switch component (#12005) 2025-07-23 13:56:17 +05:30
tabbar chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
taginput fix: RTL issues in new conversation form (#12163) 2025-08-11 14:16:48 -07:00
textarea chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
whatsapp refactor: Consolidate WhatsApp template components and improve naming (#12299) 2025-08-26 15:20:53 +05:30
CardLayout.vue feat: Add support for bulk action for Captain FAQs (#10905) 2025-02-27 17:05:33 -08:00
EmptyStateLayout.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
SidebarActionsHeader.story.vue feat: Update the UI to support the change for Copilot as a universal copilot (#11618) 2025-05-29 12:35:10 +05:30
SidebarActionsHeader.vue feat: Update the UI to support the change for Copilot as a universal copilot (#11618) 2025-05-29 12:35:10 +05:30
TeleportWithDirection.vue feat: Add Teleport component to fix RTL/LTR utility classes (#11455) 2025-05-12 11:49:23 -07:00