From b196492f23f4cbc5c2dbc03a848af5be5f4b2e6b Mon Sep 17 00:00:00 2001
From: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>
Date: Tue, 24 Jan 2023 18:45:39 +0530
Subject: [PATCH] fix: Remove whatsapp formats which do we do not support yet
 (#6331)

- Filters out all the templates where formats are either of these ['DOCUMENT', 'IMAGE', 'VIDEO']
---
 .../WhatsappTemplates/TemplatesPicker.vue          | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/WhatsappTemplates/TemplatesPicker.vue b/app/javascript/dashboard/components/widgets/conversation/WhatsappTemplates/TemplatesPicker.vue
index 7de46eaf5..9f11ac2dd 100644
--- a/app/javascript/dashboard/components/widgets/conversation/WhatsappTemplates/TemplatesPicker.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/WhatsappTemplates/TemplatesPicker.vue
@@ -53,6 +53,9 @@
 </template>
 
 <script>
+// TODO: Remove this when we support all formats
+const formatsToRemove = ['DOCUMENT', 'IMAGE', 'VIDEO'];
+
 export default {
   props: {
     inboxId: {
@@ -67,9 +70,14 @@ export default {
   },
   computed: {
     whatsAppTemplateMessages() {
-      return this.$store.getters['inboxes/getWhatsAppTemplates'](
-        this.inboxId
-      ).filter(template => template.status.toLowerCase() === 'approved');
+      // TODO: Remove the last filter when we support all formats
+      return this.$store.getters['inboxes/getWhatsAppTemplates'](this.inboxId)
+        .filter(template => template.status.toLowerCase() === 'approved')
+        .filter(template => {
+          return template.components.every(component => {
+            return !formatsToRemove.includes(component.format);
+          });
+        });
     },
     filteredTemplateMessages() {
       return this.whatsAppTemplateMessages.filter(template =>