feat: send Button Message

Author: DavidsonGomes

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 * Fake Call function
 * Send List Message
+* Send Button Message
 * Added unreadMessages to chats
 
 ### Fixed

src/api/controllers/sendMessage.controller.ts

@@ -1,7 +1,7 @@
 import { InstanceDto } from '@api/dto/instance.dto';
 import {
   SendAudioDto,
-  SendButtonDto,
+  SendButtonsDto,
   SendContactDto,
   SendListDto,
   SendLocationDto,
@@ -55,7 +55,7 @@ export class SendMessageController {
     }
   }
 
-  public async sendButtons({ instanceName }: InstanceDto, data: SendButtonDto) {
+  public async sendButtons({ instanceName }: InstanceDto, data: SendButtonsDto) {
     return await this.waMonitor.waInstances[instanceName].buttonMessage(data);
   }
 

src/api/dto/sendMessage.dto.ts

@@ -90,14 +90,22 @@ export class SendAudioDto extends Metadata {
   audio: string;
 }
 
-class Button {
-  text: string;
-  id: string;
+export type TypeButton = 'reply' | 'copy' | 'url' | 'call';
+
+export class Button {
+  type: TypeButton;
+  displayText: string;
+  id?: string;
+  url?: string;
+  copyCode?: string;
+  phoneNumber?: string;
 }
-export class SendButtonDto extends Metadata {
+
+export class SendButtonsDto extends Metadata {
+  thumbnailUrl?: string;
   title: string;
-  description: string;
-  footerText?: string;
+  description?: string;
+  footer?: string;
   buttons: Button[];
 }
 

src/api/integrations/channel/whatsapp/whatsapp.baileys.service.ts

@@ -31,10 +31,12 @@ import {
 import { SetPresenceDto } from '@api/dto/instance.dto';
 import { HandleLabelDto, LabelDto } from '@api/dto/label.dto';
 import {
+  Button,
   ContactMessage,
   MediaMessage,
   Options,
   SendAudioDto,
+  SendButtonsDto,
   SendContactDto,
   SendListDto,
   SendLocationDto,
@@ -45,6 +47,7 @@ import {
   SendStickerDto,
   SendTextDto,
   StatusMessage,
+  TypeButton,
 } from '@api/dto/sendMessage.dto';
 import { ProviderFiles } from '@api/provider/sessions';
 import { PrismaRepository } from '@api/repository/repository.service';
@@ -2111,8 +2114,97 @@ export class BaileysStartupService extends ChannelStartupService {
     );
   }
 
-  public async buttonMessage() {
-    throw new BadRequestException('Method not available on WhatsApp Baileys');
+  private toJSONString(button: Button): string {
+    const toString = (obj: any) => JSON.stringify(obj);
+
+    const json = {
+      call: () => toString({ display_text: button.displayText, phone_number: button.phoneNumber }),
+      reply: () => toString({ display_text: button.displayText, id: button.id }),
+      copy: () => toString({ display_text: button.displayText, copy_code: button.copyCode }),
+      url: () =>
+        toString({
+          display_text: button.displayText,
+          url: button.url,
+          merchant_url: button.url,
+        }),
+    };
+
+    return json[button.type]?.() || '';
+  }
+
+  private readonly mapType = new Map<TypeButton, string>([
+    ['reply', 'quick_reply'],
+    ['copy', 'cta_copy'],
+    ['url', 'cta_url'],
+    ['call', 'cta_call'],
+  ]);
+
+  public async buttonMessage(data: SendButtonsDto) {
+    const generate = await (async () => {
+      if (data?.thumbnailUrl) {
+        return await this.prepareMediaMessage({
+          mediatype: 'image',
+          media: data.thumbnailUrl,
+        });
+      }
+    })();
+
+    const buttons = data.buttons.map((value) => {
+      return {
+        name: this.mapType.get(value.type),
+        buttonParamsJson: this.toJSONString(value),
+      };
+    });
+
+    const message: proto.IMessage = {
+      viewOnceMessage: {
+        message: {
+          messageContextInfo: {
+            deviceListMetadata: {},
+            deviceListMetadataVersion: 2,
+          },
+          interactiveMessage: {
+            body: {
+              text: (() => {
+                let t = '*' + data.title + '*';
+                if (data?.description) {
+                  t += '\n\n';
+                  t += data.description;
+                  t += '\n';
+                }
+                return t;
+              })(),
+            },
+            footer: {
+              text: data?.footer,
+            },
+            header: (() => {
+              if (generate?.message?.imageMessage) {
+                return {
+                  hasMediaAttachment: !!generate.message.imageMessage,
+                  imageMessage: generate.message.imageMessage,
+                };
+              }
+            })(),
+            nativeFlowMessage: {
+              buttons: buttons,
+              messageParamsJson: JSON.stringify({
+                from: 'api',
+                templateId: v4(),
+              }),
+            },
+          },
+        },
+      },
+    };
+
+    return await this.sendMessageWithTyping(data.number, message, {
+      delay: data?.delay,
+      presence: 'composing',
+      quoted: data?.quoted,
+      mentionsEveryOne: data?.mentionsEveryOne,
+      mentioned: data?.mentioned,
+    });
   }
 
   public async listMessage(data: SendListDto) {

src/api/routes/sendMessage.router.ts

@@ -1,7 +1,7 @@
 import { RouterBroker } from '@api/abstract/abstract.router';
 import {
   SendAudioDto,
-  SendButtonDto,
+  SendButtonsDto,
   SendContactDto,
   SendListDto,
   SendLocationDto,
@@ -16,7 +16,7 @@ import {
 import { sendMessageController } from '@api/server.module';
 import {
   audioMessageSchema,
-  buttonMessageSchema,
+  buttonsMessageSchema,
   contactMessageSchema,
   listMessageSchema,
   locationMessageSchema,
@@ -159,14 +159,23 @@ export class MessageRouter extends RouterBroker {
         return res.status(HttpStatus.CREATED).json(response);
       })
       .post(this.routerPath('sendButtons'), ...guards, async (req, res) => {
-        const response = await this.dataValidate<SendButtonDto>({
-          request: req,
-          schema: buttonMessageSchema,
-          ClassRef: SendButtonDto,
-          execute: (instance, data) => sendMessageController.sendButtons(instance, data),
-        });
-
-        return res.status(HttpStatus.CREATED).json(response);
+        console.log('Corpo da requisição recebido:', JSON.stringify(req.body, null, 2));
+        try {
+          const response = await this.dataValidate<SendButtonsDto>({
+            request: req,
+            schema: buttonsMessageSchema,
+            ClassRef: SendButtonsDto,
+            execute: (instance, data) => sendMessageController.sendButtons(instance, data),
+          });
+
+          return res.status(HttpStatus.CREATED).json(response);
+        } catch (error) {
+          console.error('Erro ao enviar lista:', error);
+          return res.status(HttpStatus.INTERNAL_SERVER_ERROR).json({
+            message: 'Erro interno no servidor',
+            error: error.message,
+          });
+        }
       });
   }
 

src/validate/message.schema.ts

@@ -360,31 +360,33 @@ export const listMessageSchema: JSONSchema7 = {
   required: ['number', 'title', 'footerText', 'buttonText', 'sections'],
 };
 
-export const buttonMessageSchema: JSONSchema7 = {
+export const buttonsMessageSchema: JSONSchema7 = {
   $id: v4(),
   type: 'object',
   properties: {
     number: { ...numberDefinition },
+    thumbnailUrl: { type: 'string' },
     title: { type: 'string' },
     description: { type: 'string' },
-    footerText: { type: 'string' },
+    footer: { type: 'string' },
     buttons: {
       type: 'array',
-      minItems: 1,
-      uniqueItems: true,
       items: {
         type: 'object',
         properties: {
-          text: { type: 'string' },
+          type: {
+            type: 'string',
+            enum: ['reply', 'copy', 'url', 'call'],
+          },
+          displayText: { type: 'string' },
           id: { type: 'string' },
+          url: { type: 'string' },
+          phoneNumber: { type: 'string' },
         },
-        required: ['text', 'id'],
-        ...isNotEmpty('text', 'id'),
+        required: ['type', 'displayText'],
+        ...isNotEmpty('id', 'url', 'phoneNumber'),
       },
     },
-    media: { type: 'string' },
-    fileName: { type: 'string' },
-    mediatype: { type: 'string', enum: ['image', 'document', 'video'] },
     delay: {
       type: 'integer',
       description: 'Enter a value in milliseconds',
@@ -402,7 +404,7 @@ export const buttonMessageSchema: JSONSchema7 = {
       },
     },
   },
-  required: ['number', 'title', 'buttons'],
+  required: ['number'],
 };
 
 export const offerCallSchema: JSONSchema7 = {