iachat/app/javascript/dashboard/components-next/message/bubbles
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
..
Email fix: plain text with valid HTML not rendering [CW-5577] (#12369) 2025-09-04 12:50:49 +05:30
Text chore: Improve translation service with HTML and plain text support (#11305) 2025-04-16 17:59:06 +05:30
Activity.vue chore: Update message bubble orientation (#11348) 2025-05-06 13:21:52 +05:30
Audio.vue fix: Fix the issue with context menu for right click on images and videos (#11114) 2025-03-19 20:09:44 -07:00
Base.vue feat(voice): Incoming voice calls [EE] (#12361) 2025-09-08 22:35:23 +05:30
BaseAttachment.vue fix: Truncate name in attachment bubble (#11540) 2025-05-27 14:24:43 -06:00
Contact.vue feat: Show shared contact's name in Telegram channel (#10856) 2025-02-11 19:39:54 +05:30
CSAT.vue feat: Improve CSAT responses (#11485) 2025-05-16 14:18:52 +05:30
Dyte.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
File.vue feat: integrate new bubbles (#10550) 2024-12-19 18:41:55 +05:30
Form.vue feat: Add message support for input_select type in LINE (#11628) 2025-06-10 15:10:51 +05:30
Image.vue fix: Fix the issue with context menu for right click on images and videos (#11114) 2025-03-19 20:09:44 -07:00
InstagramStory.vue fix: Fix the issue with context menu for right click on images and videos (#11114) 2025-03-19 20:09:44 -07:00
Location.vue feat: integrate new bubbles (#10550) 2024-12-19 18:41:55 +05:30
Unsupported.vue feat: Add new message bubbles (#10481) 2024-12-12 17:42:22 -08:00
Video.vue fix: Fix the issue with context menu for right click on images and videos (#11114) 2025-03-19 20:09:44 -07:00
VoiceCall.vue feat(voice): Incoming voice calls [EE] (#12361) 2025-09-08 22:35:23 +05:30