iachat/app/javascript/dashboard/components-next
Muhsin Keloth 99997a701a
feat: Add twilio content templates (#12277)
Implements comprehensive Twilio WhatsApp content template support (Phase
1) enabling text, media, and quick reply templates with proper parameter
conversion, sync capabilities, and feature flag protection.

###  Features Implemented

  **Template Types Supported**

  - Basic Text Templates: Simple text with variables ({{1}}, {{2}})
  - Media Templates: Image/Video/Document templates with text variables
  - Quick Reply Templates: Interactive button templates
- Phase 2 (Future): List Picker, Call-to-Action, Catalog, Carousel,
Authentication templates

  **Template Synchronization**

- API Endpoint: POST
/api/v1/accounts/{account_id}/inboxes/{inbox_id}/sync_templates
  - Background Job: Channels::Twilio::TemplatesSyncJob
  - Storage: JSONB format in channel_twilio_sms.content_templates
  - Auto-categorization: UTILITY, MARKETING, AUTHENTICATION categories

 ###  Template Examples Tested


  #### Text template
```
  { "name": "greet", "language": "en" }
```
  #### Template with variables
```
  { "name": "order_status", "parameters": [{"type": "body", "parameters": [{"text": "John"}]}] }
```

  #### Media template with image
```
  { "name": "product_showcase", "parameters": [
    {"type": "header", "parameters": [{"image": {"link": "image.jpg"}}]},
    {"type": "body", "parameters": [{"text": "iPhone"}, {"text": "$999"}]}
  ]}
```
#### Preview

<img width="1362" height="1058" alt="CleanShot 2025-08-26 at 10 01
51@2x"
src="https://github.com/user-attachments/assets/cb280cea-08c3-44ca-8025-58a96cb3a451"
/>

<img width="1308" height="1246" alt="CleanShot 2025-08-26 at 10 02
02@2x"
src="https://github.com/user-attachments/assets/9ea8537a-61e9-40f5-844f-eaad337e1ddd"
/>

#### User guide

https://www.chatwoot.com/hc/user-guide/articles/1756195741-twilio-content-templates

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
2025-08-29 16:13:25 +05:30
..
Accordion feat: Allow customizing the responses, flows in Captain (#11385) 2025-04-29 15:42:15 -07:00
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 chore: Improvements in scenarios (#12098) 2025-08-14 19:07:28 +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 chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
Contacts feat(voice): Call button on Contacts with inbox picker (#12218) 2025-08-19 15:42:01 +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 chore: Migrate to next Switch component (#12005) 2025-07-23 13:56:17 +05:30
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 chore: Optimize contact page for smaller displays (#12183) 2025-08-14 19:07:20 +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 chore: Replace Thumbnail with Avatar in conversation card (#12112) 2025-08-07 09:50:24 +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 fix: memory leak in vue-letter from fallback text content (#12212) 2025-08-25 16:13:44 +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: Add full change log to profile (#12215) 2025-08-18 21:40:13 +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