iachat/app/javascript/dashboard/components
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 chore: Remove old buttons from Vue2 design (#11159) 2025-03-31 17:51:38 -07:00
app fix: Conditionally fetch limits and assistants for enterprise/cloud (#12099) 2025-08-04 15:06:58 -07:00
base feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
buttons chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
copilot chore: Replace copilot input with auto-expanding textarea (#12296) 2025-08-27 15:12:48 +05:30
table chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
ui fix: Installation name not showing (#12096) 2025-08-06 13:11:22 +05:30
widgets feat: Add twilio content templates (#12277) 2025-08-29 16:13:25 +05:30
ChannelSelector.vue chore: Add "Coming Soon" overlay to voice channel selector (#11835) 2025-06-30 14:30:09 +05:30
ChatList.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
ChatListHeader.vue fix: Fix overlap issue with filter dropdown (#12133) 2025-08-07 20:15:33 -07:00
Code.vue fix: Code component style issue (#12022) 2025-07-23 13:20:46 +04:00
ConversationItem.vue feat: Add conversation delete feature (#11677) 2025-06-05 15:53:17 -05:00
CustomAttribute.vue fix: Issues with custom attributes in conversation sidebar (#11476) 2025-05-16 15:22:18 +05:30
CustomBrandPolicyWrapper.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
CustomSnoozeModal.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
FormSection.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
index.js chore: Replace Thumbnail with Avatar (#12119) 2025-08-11 15:47:17 +05:30
IntersectionObserver.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
Modal.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
ModalHeader.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
NetworkNotification.vue chore: Update buttons in conversation screens - 2 (#11134) 2025-03-21 21:54:54 +05:30
policy.vue feat: Add visibility checks for installation types (#10773) 2025-02-21 14:48:31 -08:00
SettingsSection.vue chore: Remove older UI (#11720) 2025-07-01 09:43:44 +05:30
Snackbar.vue fix: Snackbar notifications hidden behind modal dialogs (#11616) 2025-05-29 12:49:38 +05:30
SnackbarContainer.vue fix: Snackbar notifications hidden behind modal dialogs (#11616) 2025-05-29 12:49:38 +05:30