From e1a5e4339dd19d74e42d7a4c88dada6748c05583 Mon Sep 17 00:00:00 2001
From: Gabriel Jablonski <gabriel@fazer.ai>
Date: Thu, 29 Jan 2026 16:30:05 -0300
Subject: [PATCH] chore: remove PromoBanner component and related logic from
 WhatsApp channels (#202)

* chore: remove PromoBanner component and related logic from WhatsApp channels

* chore: remove Z-API promotional banner from inbox management localization files
---
 .../dashboard/i18n/locale/en/inboxMgmt.json   |  5 ----
 .../i18n/locale/pt_BR/inboxMgmt.json          |  5 ----
 .../inbox/channels/BaileysWhatsapp.vue        | 23 -------------------
 .../settings/inbox/channels/CloudWhatsapp.vue | 23 -------------------
 .../settings/inbox/channels/Twilio.vue        | 23 -------------------
 5 files changed, 79 deletions(-)

diff --git a/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json b/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json
index 23ad0d7a9..ecab80095 100644
--- a/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json
+++ b/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json
@@ -355,11 +355,6 @@
           "MANUAL_LINK_TEXT": "manual setup flow"
         },
         "ZAPI_PROMO": {
-          "SWITCH_BANNER": {
-            "TITLE": "Consider switching to Z-API for easier setup",
-            "DESCRIPTION": "Z-API provides a more stable connection than Baileys and requires less configuration than Cloud/Twilio. Switch to a hassle-free WhatsApp integration.",
-            "CTA": "Switch to Z-API"
-          },
           "SETUP_BANNER": {
             "TITLE": "Get 10% off your Z-API subscription",
             "DESCRIPTION": "Create your Z-API account using our affiliate link and receive 10% off. Simple setup, reliable connections, and great support.",
diff --git a/app/javascript/dashboard/i18n/locale/pt_BR/inboxMgmt.json b/app/javascript/dashboard/i18n/locale/pt_BR/inboxMgmt.json
index 796fe42ef..8eda9f4d3 100644
--- a/app/javascript/dashboard/i18n/locale/pt_BR/inboxMgmt.json
+++ b/app/javascript/dashboard/i18n/locale/pt_BR/inboxMgmt.json
@@ -355,11 +355,6 @@
           "MANUAL_LINK_TEXT": "fluxo de configuração manual"
         },
         "ZAPI_PROMO": {
-          "SWITCH_BANNER": {
-            "TITLE": "Considere mudar para Z-API para configuração mais fácil",
-            "DESCRIPTION": "Z-API fornece uma conexão mais estável que Baileys e requer menos configuração que Cloud/Twilio. Mude para uma integração WhatsApp sem complicações.",
-            "CTA": "Mudar para Z-API"
-          },
           "SETUP_BANNER": {
             "TITLE": "Ganhe 10% de desconto na sua assinatura Z-API",
             "DESCRIPTION": "Crie sua conta Z-API usando nosso link de afiliado e receba 10% de desconto. Configuração simples, conexões confiáveis e ótimo suporte.",
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/BaileysWhatsapp.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/BaileysWhatsapp.vue
index c0fb4cac5..55593f94e 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/BaileysWhatsapp.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/BaileysWhatsapp.vue
@@ -11,7 +11,6 @@ import { isValidURL } from '../../../../../helper/URLHelper';
 
 import NextButton from 'dashboard/components-next/button/Button.vue';
 import Switch from 'dashboard/components-next/switch/Switch.vue';
-import PromoBanner from 'dashboard/components-next/banner/PromoBanner.vue';
 
 const router = useRouter();
 const store = useStore();
@@ -84,32 +83,10 @@ const createChannel = async () => {
 const setShowAdvancedOptions = () => {
   showAdvancedOptions.value = true;
 };
-
-const switchToZapi = () => {
-  router.push({
-    name: router.currentRoute.value.name,
-    params: router.currentRoute.value.params,
-    query: { provider: 'zapi' },
-  });
-};
 </script>
 
 <template>
   <form class="flex flex-wrap mx-0" @submit.prevent="createChannel()">
-    <div class="w-full mb-6">
-      <PromoBanner
-        :title="$t('INBOX_MGMT.ADD.WHATSAPP.ZAPI_PROMO.SWITCH_BANNER.TITLE')"
-        :description="
-          $t('INBOX_MGMT.ADD.WHATSAPP.ZAPI_PROMO.SWITCH_BANNER.DESCRIPTION')
-        "
-        variant="info"
-        logo-src="/assets/images/dashboard/channels/z-api/z-api-dark-blue.png"
-        logo-alt="Z-API"
-        :cta-text="$t('INBOX_MGMT.ADD.WHATSAPP.ZAPI_PROMO.SWITCH_BANNER.CTA')"
-        @cta-click="switchToZapi"
-      />
-    </div>
-
     <div class="w-[65%] flex-shrink-0 flex-grow-0 max-w-[65%]">
       <label :class="{ error: v$.inboxName.$error }">
         {{ $t('INBOX_MGMT.ADD.WHATSAPP.INBOX_NAME.LABEL') }}
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/CloudWhatsapp.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/CloudWhatsapp.vue
index 86692e819..788c0d03c 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/CloudWhatsapp.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/CloudWhatsapp.vue
@@ -7,12 +7,10 @@ import router from '../../../../index';
 import { isPhoneE164OrEmpty, isNumber } from 'shared/helpers/Validators';
 
 import NextButton from 'dashboard/components-next/button/Button.vue';
-import PromoBanner from 'dashboard/components-next/banner/PromoBanner.vue';
 
 export default {
   components: {
     NextButton,
-    PromoBanner,
   },
   setup() {
     return { v$: useVuelidate() };
@@ -76,33 +74,12 @@ export default {
         );
       }
     },
-    switchToZapi() {
-      router.push({
-        name: this.$route.name,
-        params: this.$route.params,
-        query: { provider: 'zapi' },
-      });
-    },
   },
 };
 </script>
 
 <template>
   <form class="flex flex-wrap flex-col mx-0" @submit.prevent="createChannel()">
-    <div class="mb-6">
-      <PromoBanner
-        :title="$t('INBOX_MGMT.ADD.WHATSAPP.ZAPI_PROMO.SWITCH_BANNER.TITLE')"
-        :description="
-          $t('INBOX_MGMT.ADD.WHATSAPP.ZAPI_PROMO.SWITCH_BANNER.DESCRIPTION')
-        "
-        variant="info"
-        logo-src="/assets/images/dashboard/channels/z-api/z-api-dark-blue.png"
-        logo-alt="Z-API"
-        :cta-text="$t('INBOX_MGMT.ADD.WHATSAPP.ZAPI_PROMO.SWITCH_BANNER.CTA')"
-        @cta-click="switchToZapi"
-      />
-    </div>
-
     <div class="flex-shrink-0 flex-grow-0">
       <label :class="{ error: v$.inboxName.$error }">
         {{ $t('INBOX_MGMT.ADD.WHATSAPP.INBOX_NAME.LABEL') }}
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue
index fb5e640b0..45ffe4efb 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue
@@ -6,14 +6,12 @@ import { useAlert } from 'dashboard/composables';
 import { required } from '@vuelidate/validators';
 import router from '../../../../index';
 import NextButton from 'dashboard/components-next/button/Button.vue';
-import PromoBanner from 'dashboard/components-next/banner/PromoBanner.vue';
 import { isPhoneE164OrEmpty } from 'shared/helpers/Validators';
 import { parseAPIErrorResponse } from 'dashboard/store/utils/api';
 
 export default {
   components: {
     NextButton,
-    PromoBanner,
   },
   props: {
     type: {
@@ -117,33 +115,12 @@ export default {
         useAlert(errorMessage);
       }
     },
-    switchToZapi() {
-      router.push({
-        name: this.$route.name,
-        params: this.$route.params,
-        query: { provider: 'zapi' },
-      });
-    },
   },
 };
 </script>
 
 <template>
   <form class="flex flex-wrap flex-col mx-0" @submit.prevent="createChannel()">
-    <div v-if="isWhatsApp" class="mb-6">
-      <PromoBanner
-        :title="$t('INBOX_MGMT.ADD.WHATSAPP.ZAPI_PROMO.SWITCH_BANNER.TITLE')"
-        :description="
-          $t('INBOX_MGMT.ADD.WHATSAPP.ZAPI_PROMO.SWITCH_BANNER.DESCRIPTION')
-        "
-        variant="info"
-        logo-src="/assets/images/dashboard/channels/z-api/z-api-dark-blue.png"
-        logo-alt="Z-API"
-        :cta-text="$t('INBOX_MGMT.ADD.WHATSAPP.ZAPI_PROMO.SWITCH_BANNER.CTA')"
-        @cta-click="switchToZapi"
-      />
-    </div>
-
     <div class="flex-shrink-0 flex-grow-0">
       <label :class="{ error: v$.channelName.$error }">
         {{ $t('INBOX_MGMT.ADD.TWILIO.CHANNEL_NAME.LABEL') }}