acd1e56a28
* feat: baileys provider and placeholder for link device modal * chore: drop qrcode.vue in favor of just img tag * chore: update modal props * feat: setup channel provider connection * chore: update .env.example with Baileys API default configuration * feat: add support for Baileys provider in WhatsApp events processing * chore: rename Baileys API default host variable to DEFAULT_BAILEYS_URL * feat: add setup and disconnect methods for Baileys channel provider in inboxes controller that will be implemented * feat: add CHANNEL_CONNECTION_UPDATE event and include it in broadcast data preparation * refactor: simplify channel retrieval logic in WhatsappEventsJob * refactor: revert CHANNEL_UPDATE_EVENTS constant from ActionCableBroadcastJob * feat: add 'baileys' as a provider option in Whatsapp channel model * feat: add provider_connection field to Whatsapp channel model and migration * refactor: remove unnecessary CHANNEL_CONNECTION_UPDATE event type * feat: implement channel provider connection with baileys API * feat: add inbox association to Whatsapp channel model and update webhook URL handling * feat: enhance Baileys service to handle webhook multiple event types * refactor: simplify webhook verification logic in Baileys service * feat: add setup channel provider call, and refactor some logic * chore: adapt logic to new API * refactor: fix typo * refactor: fix import * refactor: fix typo * chore: add fixme comment about race condition * fix: remove double disconnect call * feat: implement message processing for incoming WhatsApp messages * refactor: streamline message type determination and improve readability * chore: increase cache key granularity provider connection info might be updated multiple times within 1 second, so updates might be lost due to cache key not being updated. changing cache key to milliseconds solves this * feat: add `is-loading` to buttons * feat: update send_message method to use 'to' parameter and improve error handling * refactor: simplify test setup and update API key in specs * chore: add setup and disconnect channel provider specs * test: fix spec after increase cache key granularity * feat: handle reconnecting state on modal * style: centered error text * feat: advanced options on create inbox * feat: handle new reconnecting on backend * refactor: update inbox controller specs and leave a FIXME note * test: add specs for Whatsapp::IncomingMessageBaileysService * feat: add baileys configuration page * feat: link device button when disconnected on conversation * chore: refactor .env.example * feat: add TODO for unimplemented methods in IncomingMessageBaileysService * fix: correct method name and update environment variable references in WhatsappBaileysService * refactor: simplify channel lookup by removing redundant method and handling phone number check directly * chore: add TODO for unimplemented event processing methods in IncomingMessageBaileysService * fix: update environment variable references in WhatsappBaileysService tests * chore(webhook): add pt-BR translations * chore: add pt-br translations * chore: inboxname component margin * refactor: inboxname computed prop * feat: enhance WhatsApp provider connection handling and message processing * test: inbox controller * chore: improve baileys connection and messages handling * test: incoming message service baileys * refactor: update provider config validation and improve test setup for WhatsApp Baileys service * fix: ensure only text messages are sent and update message source ID * fix: create message * fix: only update message on success * test: fix broken specs * chore: raise error on unsupported message content type * feat: hide provider connection data from non-admins * fix: update advanced options * chore: move class definition * fix: issue with send_message not returning id --------- Co-authored-by: gabrieljablonski <contact@gabrieljablonski.com>
55 lines
1.6 KiB
Vue
55 lines
1.6 KiB
Vue
<script>
|
|
import PageHeader from '../../SettingsSubPageHeader.vue';
|
|
import Twilio from './Twilio.vue';
|
|
import ThreeSixtyDialogWhatsapp from './360DialogWhatsapp.vue';
|
|
import CloudWhatsapp from './CloudWhatsapp.vue';
|
|
import BaileysWhatsapp from './BaileysWhatsapp.vue';
|
|
|
|
export default {
|
|
components: {
|
|
PageHeader,
|
|
Twilio,
|
|
ThreeSixtyDialogWhatsapp,
|
|
CloudWhatsapp,
|
|
BaileysWhatsapp,
|
|
},
|
|
data() {
|
|
return {
|
|
provider: 'whatsapp_cloud',
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="border border-n-weak bg-n-solid-1 rounded-t-lg border-b-0 h-full w-full p-6 col-span-6 overflow-auto"
|
|
>
|
|
<PageHeader
|
|
:header-title="$t('INBOX_MGMT.ADD.WHATSAPP.TITLE')"
|
|
:header-content="$t('INBOX_MGMT.ADD.WHATSAPP.DESC')"
|
|
/>
|
|
<div class="flex-shrink-0 flex-grow-0">
|
|
<label>
|
|
{{ $t('INBOX_MGMT.ADD.WHATSAPP.PROVIDERS.LABEL') }}
|
|
<select v-model="provider">
|
|
<option value="whatsapp_cloud">
|
|
{{ $t('INBOX_MGMT.ADD.WHATSAPP.PROVIDERS.WHATSAPP_CLOUD') }}
|
|
</option>
|
|
<option value="twilio">
|
|
{{ $t('INBOX_MGMT.ADD.WHATSAPP.PROVIDERS.TWILIO') }}
|
|
</option>
|
|
<option value="baileys">
|
|
{{ $t('INBOX_MGMT.ADD.WHATSAPP.PROVIDERS.BAILEYS') }}
|
|
</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
|
|
<Twilio v-if="provider === 'twilio'" type="whatsapp" />
|
|
<ThreeSixtyDialogWhatsapp v-else-if="provider === '360dialog'" />
|
|
<CloudWhatsapp v-if="provider === 'whatsapp_cloud'" />
|
|
<BaileysWhatsapp v-if="provider === 'baileys'" />
|
|
</div>
|
|
</template>
|