Account administrators can now browse synced WhatsApp message templates inside Settings without opening a provider dashboard. The page combines native WhatsApp and Twilio WhatsApp templates, with channel and language filters, search, a template preview drawer, and links to manage templates at the provider. Creating, updating, and deleting templates in Chatwoot remains out of scope for this first version. Related: https://linear.app/chatwoot/issue/PLA-193/add-whatsapp-template-listing-to-account-settings <img width="2742" height="1460" alt="CleanShot 2026-08-03 at 20 23 27@2x" src="https://github.com/user-attachments/assets/5d0b7a98-f882-425a-b9ec-7d631371959c" /> ### Things to know - This is stack 2 of 2 and depends on API draft #15311. - Review this PR against `codex/whatsapp-template-api`; after the API PR lands, this branch can be rebased and retargeted to `develop`. - Both native WhatsApp and Twilio WhatsApp template caches are supported. - Template management remains in Meta Business Portfolio or Twilio Console. ### How to test 1. Open Settings → WhatsApp templates for an account with native and Twilio WhatsApp inboxes. 2. Confirm templates from each inbox are listed with their status, language, category, channel, and last-updated metadata. 3. Filter by channel and language, and search by template name or content. 4. Open a template and confirm its preview renders in the drawer. 5. Use the provider action and confirm it opens the appropriate Meta or Twilio template-management page. 6. Confirm loading, empty, and error states remain usable. --------- Co-authored-by: Muhsin <12408980+muhsin-k@users.noreply.github.com> Co-authored-by: iamsivin <iamsivin@gmail.com> Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
88 lines
2.1 KiB
JavaScript
88 lines
2.1 KiB
JavaScript
/* global axios */
|
|
import CacheEnabledApiClient from './CacheEnabledApiClient';
|
|
|
|
class Inboxes extends CacheEnabledApiClient {
|
|
constructor() {
|
|
super('inboxes', { accountScoped: true });
|
|
}
|
|
|
|
// eslint-disable-next-line class-methods-use-this
|
|
get cacheModelName() {
|
|
return 'inbox';
|
|
}
|
|
|
|
getCampaigns(inboxId) {
|
|
return axios.get(`${this.url}/${inboxId}/campaigns`);
|
|
}
|
|
|
|
deleteInboxAvatar(inboxId) {
|
|
return axios.delete(`${this.url}/${inboxId}/avatar`);
|
|
}
|
|
|
|
getAgentBot(inboxId) {
|
|
return axios.get(`${this.url}/${inboxId}/agent_bot`);
|
|
}
|
|
|
|
setAgentBot(inboxId, botId) {
|
|
return axios.post(`${this.url}/${inboxId}/set_agent_bot`, {
|
|
agent_bot: botId,
|
|
});
|
|
}
|
|
|
|
syncTemplates(inboxId) {
|
|
return axios.post(`${this.url}/${inboxId}/sync_templates`);
|
|
}
|
|
|
|
getMessageTemplates(inboxId, params = {}, config = {}) {
|
|
return axios.get(`${this.url}/${inboxId}/message_templates`, {
|
|
...config,
|
|
params,
|
|
});
|
|
}
|
|
|
|
updateWhatsappBusinessManagementToken(inboxId, businessManagementToken) {
|
|
return axios.put(
|
|
`${this.url}/${inboxId}/whatsapp_business_management_token`,
|
|
{
|
|
business_management_token: businessManagementToken,
|
|
}
|
|
);
|
|
}
|
|
|
|
createCSATTemplate(inboxId, template) {
|
|
return axios.post(`${this.url}/${inboxId}/csat_template`, {
|
|
template,
|
|
});
|
|
}
|
|
|
|
getCSATTemplateStatus(inboxId) {
|
|
return axios.get(`${this.url}/${inboxId}/csat_template`);
|
|
}
|
|
|
|
analyzeCSATTemplateUtility(inboxId, template) {
|
|
return axios.post(`${this.url}/${inboxId}/csat_template/analyze`, {
|
|
template,
|
|
});
|
|
}
|
|
|
|
resetSecret(inboxId) {
|
|
return axios.post(`${this.url}/${inboxId}/reset_secret`);
|
|
}
|
|
|
|
enableWhatsappCalling(inboxId) {
|
|
return axios.post(`${this.url}/${inboxId}/enable_whatsapp_calling`);
|
|
}
|
|
|
|
disableWhatsappCalling(inboxId) {
|
|
return axios.post(`${this.url}/${inboxId}/disable_whatsapp_calling`);
|
|
}
|
|
|
|
setInboundCalls(inboxId, enabled) {
|
|
return axios.post(`${this.url}/${inboxId}/set_inbound_calls`, {
|
|
inbound_calls_enabled: enabled,
|
|
});
|
|
}
|
|
}
|
|
|
|
export default new Inboxes();
|