Merge pull request #77 from nathsouzadev/add-social-bank

[feat]add reply buttons

.github/workflows/main.yaml

@@ -23,6 +23,7 @@ env:
  BSKY_PASSWORD: 'BSKY_PASSWORD'
  CLERK_WEBHOOK_SECRET: 'CLERK_WEBHOOK_SECRET'
  WB_PHONE_NUMBER: '5521880881234'
+ BANK_URL: 'https://bank.com'
 
 jobs:
  lint:

.github/workflows/prod.yaml

@@ -23,6 +23,7 @@ env:
  BSKY_PASSWORD: 'BSKY_PASSWORD'
  CLERK_WEBHOOK_SECRET: 'CLERK_WEBHOOK_SECRET'
  WB_PHONE_NUMBER: '5521880881234'
+ BANK_URL: 'https://bank.com'
 
 jobs:
  lint:

src/bank/bank.service.spec.ts

@@ -1,6 +1,7 @@
 import { Test, TestingModule } from '@nestjs/testing';
 import { BankService } from './bank.service';
 import { SocialService } from '../social/services/social.service';
+import { CONTENT_BODY } from './constants/content';
 
 describe('BankService', () => {
  let service: BankService;
@@ -33,44 +34,129 @@ describe('BankService', () => {
  const mockData = {
  from: mockFrom,
  phoneNumberId: mockPhoneNumberId,
+ contentReply: {
+ body: '/bank',
+ },
  };
 
  await service.handle(mockData);
  expect(mockSocialService.replyToWhatsapp).toHaveBeenCalledWith({
  ...mockData,
  message: '🤗 Bem vinda ao Social Bank!',
  service: 'bank',
- content: {
- type: 'interactive',
- recipient_type: 'individual',
- interactive: {
- type: 'button',
- body: {
- text: '🤗 Bem vinda ao Social Bank!',
- },
- footer: {
- text: 'Social Bank é uma demo. Desenvolvido por @nathsouzadev',
- },
- action: {
- buttons: [
- {
- type: 'reply',
- reply: {
- title: 'Ver saldo',
- id: 'balance',
- },
- },
- {
- type: 'reply',
- reply: {
- title: 'Ver extrato',
- id: 'extract',
- },
- },
- ],
- },
+ content: CONTENT_BODY.WELLCOME,
+ });
+ });
+
+ it('should be reply with balance account', async () => {
+ jest
+ .spyOn(mockSocialService, 'replyToWhatsapp')
+ .mockImplementation(() => Promise.resolve(void 0));
+
+ const mockFrom = '5511444412345';
+ const mockPhoneNumberId = '5511432112345';
+ const mockData = {
+ from: mockFrom,
+ phoneNumberId: mockPhoneNumberId,
+ contentReply: {
+ type: 'button_reply',
+ button_reply: {
+ id: 'balance',
+ title: 'Ver saldo',
+ },
+ },
+ };
+
+ await service.handle(mockData);
+ expect(mockSocialService.replyToWhatsapp).toHaveBeenCalledWith({
+ ...mockData,
+ message: 'Seu saldo é de R$ 1000,00',
+ service: 'bank',
+ content: CONTENT_BODY.BALANCE,
+ });
+ });
+
+ it('should be reply with purchase options', async () => {
+ jest
+ .spyOn(mockSocialService, 'replyToWhatsapp')
+ .mockImplementation(() => Promise.resolve(void 0));
+
+ const mockFrom = '5511444412345';
+ const mockPhoneNumberId = '5511432112345';
+ const mockData = {
+ from: mockFrom,
+ phoneNumberId: mockPhoneNumberId,
+ contentReply: {
+ type: 'button_reply',
+ button_reply: {
+ id: 'purchase',
+ title: 'Fazer uma compra',
+ },
+ },
+ };
+
+ await service.handle(mockData);
+ expect(mockSocialService.replyToWhatsapp).toHaveBeenCalledWith({
+ ...mockData,
+ message: 'Escolha um item que deseja comprar',
+ service: 'bank',
+ content: CONTENT_BODY.PURCHASE,
+ });
+ });
+
+ it('should be reply with completed options', async () => {
+ jest
+ .spyOn(mockSocialService, 'replyToWhatsapp')
+ .mockImplementation(() => Promise.resolve(void 0));
+
+ const mockFrom = '5511444412345';
+ const mockPhoneNumberId = '5511432112345';
+ const mockData = {
+ from: mockFrom,
+ phoneNumberId: mockPhoneNumberId,
+ contentReply: {
+ type: 'button_reply',
+ button_reply: {
+ id: 'completed',
+ title: '🖥️ Monitor R$ 500.00',
  },
  },
+ };
+
+ await service.handle(mockData);
+ expect(mockSocialService.replyToWhatsapp).toHaveBeenCalledWith({
+ ...mockData,
+ message: 'Compra realizada com sucesso',
+ service: 'bank',
+ content: CONTENT_BODY.PURCHASE_COMPLETED,
+ });
+ });
+
+ it('should be reply with refused options', async () => {
+ jest
+ .spyOn(mockSocialService, 'replyToWhatsapp')
+ .mockImplementation(() => Promise.resolve(void 0));
+
+ const mockFrom = '5511444412345';
+ const mockPhoneNumberId = '5511432112345';
+ const mockData = {
+ from: mockFrom,
+ phoneNumberId: mockPhoneNumberId,
+ contentReply: {
+ type: 'button_reply',
+ button_reply: {
+ id: 'refused',
+ title: '💻 PC R$ 2000.00',
+ },
+ },
+ };
+
+ await service.handle(mockData);
+ expect(mockSocialService.replyToWhatsapp).toHaveBeenCalledWith({
+ ...mockData,
+ message: 'Compra recusada',
+ service: 'bank',
+ content: CONTENT_BODY.PURCHASE_REFUSED,
  });
  });
 });

src/bank/bank.service.ts

@@ -1,46 +1,56 @@
 import { Injectable } from '@nestjs/common';
 import { SocialService } from '../social/services/social.service';
 import { BankMessageModel } from './model/message.model';
+import { CONTENT_BODY } from './constants/content';
 
 @Injectable()
 export class BankService {
  constructor(private readonly socialService: SocialService) {}
 
- handle = async (data: BankMessageModel) =>
- this.socialService.replyToWhatsapp({
+ handle = async (data: BankMessageModel) => {
+ if (Object.keys(data.contentReply).includes('button_reply')) {
+ const content = (() => {
+ switch (data.contentReply['button_reply'].id) {
+ case 'balance':
+ return {
+ message: `Seu saldo é de R$ 1000,00`,
+ content: CONTENT_BODY.BALANCE,
+ };
+ case 'purchase': {
+ return {
+ message: 'Escolha um item que deseja comprar',
+ content: CONTENT_BODY.PURCHASE,
+ };
+ }
+ case 'completed': {
+ return {
+ message: 'Compra realizada com sucesso',
+ content: CONTENT_BODY.PURCHASE_COMPLETED,
+ };
+ }
+ case 'refused': {
+ return {
+ message: 'Compra recusada',
+ content: CONTENT_BODY.PURCHASE_REFUSED,
+ };
+ }
+ }
+ })();
+
+ return this.socialService.replyToWhatsapp({
+ ...data,
+ service: 'bank',
+ ...content,
+ });
+ }
+
+ return this.socialService.replyToWhatsapp({
  ...data,
  message: '🤗 Bem vinda ao Social Bank!',
  service: 'bank',
- content: {
- type: 'interactive',
- recipient_type: 'individual',
- interactive: {
- type: 'button',
- body: {
- text: '🤗 Bem vinda ao Social Bank!',
- },
- footer: {
- text: 'Social Bank é uma demo. Desenvolvido por @nathsouzadev',
- },
- action: {
- buttons: [
- {
- type: 'reply',
- reply: {
- title: 'Ver saldo',
- id: 'balance',
- },
- },
- {
- type: 'reply',
- reply: {
- title: 'Ver extrato',
- id: 'extract',
- },
- },
- ],
- },
- },
- },
+ content: CONTENT_BODY.WELLCOME,
  });
+ };
+
+ balance = () => 1000;
 }

src/bank/constants/content.ts

@@ -0,0 +1,87 @@
+import { ButtonData } from 'src/social/model/whats-message.model';
+
+const content = (data: {
+ type: string;
+ text: string;
+ buttons?: ButtonData[];
+}) => {
+ const { type, text, buttons } = data;
+
+ return {
+ type,
+ recipient_type: 'individual',
+ interactive: {
+ type: 'button',
+ body: {
+ text: `${text} \nEscolha uma opção abaixo:`,
+ },
+ footer: {
+ text: 'Social Bank é uma demo. Desenvolvido por @nathsouzadev',
+ },
+ action: {
+ buttons: buttons ?? [
+ {
+ type: 'reply',
+ reply: {
+ title: 'Ver saldo',
+ id: 'balance',
+ },
+ },
+ {
+ type: 'reply',
+ reply: {
+ title: 'Fazer uma compra',
+ id: 'purchase',
+ },
+ },
+ ],
+ },
+ },
+ };
+};
+
+export const CONTENT_BODY = {
+ WELLCOME: content({
+ type: 'interactive',
+ text: '🤗 Bem vinda ao Social Bank!',
+ }),
+ BALANCE: content({
+ type: 'interactive',
+ text: '💰💵 Seu saldo é de R$ 1000,00',
+ }),
+ PURCHASE: content({
+ type: 'interactive',
+ text: '🛒🛍️ O que deseja comprar?',
+ buttons: [
+ {
+ type: 'reply',
+ reply: {
+ title: '💻 PC R$ 2000.00',
+ id: 'refused',
+ },
+ },
+ {
+ type: 'reply',
+ reply: {
+ title: '🖥️ Monitor R$ 500.00',
+ id: 'completed',
+ },
+ },
+ {
+ type: 'reply',
+ reply: {
+ title: '🖲️ Mouse R$ 100.00',
+ id: 'completed',
+ },
+ },
+ ],
+ }),
+ PURCHASE_COMPLETED: content({
+ type: 'interactive',
+ text: '🎉🎊 Compra realizada com sucesso!',
+ }),
+ PURCHASE_REFUSED: content({
+ type: 'interactive',
+ text: '❌🛒 Compra recusada!',
+ }),
+};

src/bank/model/message.model.ts

@@ -1,5 +1,17 @@
+interface TextContent {
+ body: string;
+}
+
+interface QuickReplyContent {
+ type: string;
+ button_reply: {
+ title: string;
+ id: string;
+ };
+}
+
 export interface BankMessageModel {
-  from: string;
-  phoneNumberId: string;
- }
- 
+ from: string;
+ phoneNumberId: string;
+ contentReply: TextContent | QuickReplyContent;
+}

src/config/config.ts

@@ -22,5 +22,8 @@ export default (): IConfig => ({
  },
  clerk: {
  webhookSecret: process.env.CLERK_WEBHOOK_SECRET,
- }
+ },
+ bank: {
+ url: process.env.BANK_URL,
+ },
 });

src/config/interface/bank.interface copy.ts

@@ -0,0 +1,3 @@
+export interface IBank {
+ url: string;
+}