feat: send list and buttons

src/api/integrations/channel/meta/whatsapp.business.service.ts

@@ -1,17 +1,19 @@
 import { NumberBusiness } from '@api/dto/chat.dto';
 import {
+  Button,
   ContactMessage,
   MediaMessage,
   Options,
   SendAudioDto,
-  SendButtonDto,
+  SendButtonsDto,
   SendContactDto,
   SendListDto,
   SendLocationDto,
   SendMediaDto,
   SendReactionDto,
   SendTemplateDto,
   SendTextDto,
+  TypeButton,
 } from '@api/dto/sendMessage.dto';
 import { PrismaRepository } from '@api/repository/repository.service';
 import { ChannelStartupService } from '@api/services/channel.service';
@@ -20,11 +22,13 @@ import { ConfigService, Database, WaBusiness } from '@config/env.config';
 import { BadRequestException, InternalServerErrorException } from '@exceptions';
 import { status } from '@utils/renderStatus';
 import axios from 'axios';
+import { proto } from 'baileys';
 import { arrayUnique, isURL } from 'class-validator';
 import EventEmitter2 from 'eventemitter2';
 import FormData from 'form-data';
 import { createReadStream } from 'fs';
 import mime from 'mime';
+import { v4 } from 'uuid';
 
 export class BusinessStartupService extends ChannelStartupService {
   constructor(
@@ -951,42 +955,95 @@ export class BusinessStartupService extends ChannelStartupService {
     );
   }
 
-  public async buttonMessage(data: SendButtonDto) {
-    const embeddedMedia: any = {};
+  private toJSONString(button: Button): string {
+    const toString = (obj: any) => JSON.stringify(obj);
 
-    const btnItems = {
-      text: data.buttons.map((btn) => btn.text),
-      ids: data.buttons.map((btn) => btn.id),
+    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,
+        }),
     };
 
-    if (!arrayUnique(btnItems.text) || !arrayUnique(btnItems.ids)) {
-      throw new BadRequestException('Button texts cannot be repeated', 'Button IDs cannot be repeated.');
-    }
+    return json[button.type]?.() || '';
+  }
 
-    return await this.sendMessageWithTyping(
-      data.number,
-      {
-        text: !embeddedMedia?.mediaKey ? data.title : undefined,
-        buttons: data.buttons.map((button) => {
-          return {
-            type: 'reply',
-            reply: {
-              title: button.text,
-              id: button.id,
+  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: {
+          interactiveMessage: {
+            body: {
+              text: (() => {
+                let t = '*' + data.title + '*';
+                if (data?.description) {
+                  t += '\n\n';
+                  t += data.description;
+                  t += '\n';
+                }
+                return t;
+              })(),
             },
-          };
-        }),
-        [embeddedMedia?.mediaKey]: embeddedMedia?.message,
-      },
-      {
-        delay: data?.delay,
-        presence: 'composing',
-        quoted: data?.quoted,
-        linkPreview: data?.linkPreview,
-        mentionsEveryOne: data?.mentionsEveryOne,
-        mentioned: data?.mentioned,
+            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(),
+              }),
+            },
+          },
+        },
       },
-    );
+    };
+
+    console.log(JSON.stringify(message));
+
+    return await this.sendMessageWithTyping(data.number, message, {
+      delay: data?.delay,
+      presence: 'composing',
+      quoted: data?.quoted,
+      mentionsEveryOne: data?.mentionsEveryOne,
+      mentioned: data?.mentioned,
+    });
   }
 
   public async locationMessage(data: SendLocationDto) {