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
This commit is contained in:
parent
5c99805fe2
commit
e1a5e4339d
@ -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.",
|
||||
|
||||
@ -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.",
|
||||
|
||||
@ -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') }}
|
||||
|
||||
@ -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') }}
|
||||
|
||||
@ -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') }}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user