Send buttons and Lists #756

tuyuribr · 2021-07-14T14:11:25Z

Add list and buttons.
Thanks to @purpshell

@purpshell

Draft to add list and buttons. Thanks to @purpshell

tuyuribr · 2021-07-14T20:49:51Z

Button example:

//text button
let button = new Buttons("body",[{body:"bt1"},{body:"bt2"},{body:"bt3"}],"title","footer");
client.sendMessage(message['from'], button);


//media button ( Testing, images works fine )

let media = MessageMedia.fromFilePath("image.png");
let button = new Buttons(media,[{body:"bt1"},{body:"bt2"},{body:"bt3"}],"title","footer");
client.sendMessage(message['from'], button,{'caption':"body"});

Button tests needed :
Android Business
IOS Standard and Business

ghost · 2021-07-14T21:02:29Z

(node:6580) UnhandledPromiseRejectionWarning: ReferenceError: Buttons is not defined

I received this, even updating the project

purpshell · 2021-07-14T21:12:02Z

(node:6580) UnhandledPromiseRejectionWarning: ReferenceError: Buttons is not defined

I received this, even updating the project

have you cloned the PR????? are you using NPM?

ghost · 2021-07-14T21:16:05Z

i use npm

ghost · 2021-07-14T21:27:38Z

now it worked!

const { Client, Buttons } = require('whatsapp-web.js');

it was missing to declare the Buttons

tuyuribr · 2021-07-15T18:14:55Z

List example:

let sections = [{title:'sectionTitle',rows:[{id:'customId', title:'ListItem1', description: 'desc'},{title:'ListItem2'}]}];
let list = new List('aaa','btnText',sections,'Title','footer');
client.sendMessage(message['from'], list);

Lists aren't working on business right now

Tests needed:
Ios Standard

esteves67 · 2021-07-22T23:00:08Z

Button example:

//text button
let button = new Buttons("body",[{body:"bt1"},{body:"bt2"},{body:"bt3"}],"title","footer");
client.sendMessage(message['from'], button);


//media button ( Testing, images works fine )

let media = MessageMedia.fromFilePath("image.png");
let button = new Buttons(media,[{body:"bt1"},{body:"bt2"},{body:"bt3"}],"title","footer");
client.sendMessage(message['from'], button,{'caption':"body"});

Button tests needed :
Android Business
IOS Standard and Business

Tested on Android Business, and iOS Standard, and its working.
Idk about iOS Business.

esteves67 · 2021-07-23T07:16:46Z

I've been testing this DRAFT, and took notes of some things.

Number 1:
When you have a conversation with buttons (using this PR), if you use client.getChats you get a problem with map (#297)
The only solution for now its to delete the whole conversation that has buttons in it, and the map function works again.
If you guys can test it, test it out, just to make sure its not my fault in my client.getChats function.

Number 2:
Buttons are not getting logged on the console, only the main message gets logged to the console, i guess its not being recognized by whatsapp-web.js yet.

purpshell · 2021-07-23T18:44:59Z

I've been testing this DRAFT, and took notes of some things.

Number 1:
When you have a conversation with buttons (using this PR), if you use client.getChats you get a problem with map (#297)
The only solution for now its to delete the whole conversation that has buttons in it, and the map function works again.
If you guys can test it, test it out, just to make sure its not my fault in my client.getChats function.

Number 2:
Buttons are not getting logged on the console, only the main message gets logged to the console, i guess its not being recognized by whatsapp-web.js yet.

Makes more sense since buttons_message is way different than templateMessage which msg.buttons is trying to act with

tuyuribr · 2021-07-23T21:46:08Z

I've been testing this DRAFT, and took notes of some things.

Number 1:
When you have a conversation with buttons (using this PR), if you use client.getChats you get a problem with map (#297)
The only solution for now its to delete the whole conversation that has buttons in it, and the map function works again.
If you guys can test it, test it out, just to make sure its not my fault in my client.getChats function.

Number 2:
Buttons are not getting logged on the console, only the main message gets logged to the console, i guess its not being recognized by whatsapp-web.js yet.

Thanks for your help!

esteves67 · 2021-07-25T10:08:01Z

I've been testing this DRAFT, and took notes of some things.

Number 1:
When you have a conversation with buttons (using this PR), if you use client.getChats you get a problem with map (#297)
The only solution for now its to delete the whole conversation that has buttons in it, and the map function works again.
If you guys can test it, test it out, just to make sure its not my fault in my client.getChats function.

Number 2:
Buttons are not getting logged on the console, only the main message gets logged to the console, i guess its not being recognized by whatsapp-web.js yet.

Ignore number 1, as it is already solved by #386

iamshouvikmitra · 2021-08-03T16:16:00Z

Any idea when we can have this shipped?
Super excited!

jhohenr · 2021-08-26T03:07:30Z

@pedroslopez Please add this functionality!

renjop · 2021-09-01T14:26:57Z

It seems that the most recent WhatsApp version (2.2134.9) broke the sending of this buttons:
{ "message": "Msg", "name": "ModelCreateError", "stack": "ModelCreateError: Msg\n at new i (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:403072)\n at new k (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:56:209667)\n at https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:470293\n at V (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:373738)\n at MutationObserver.K (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:373319)",

tuyuribr · 2021-09-01T15:30:17Z

It seems that the most recent WhatsApp version (2.2134.9) broke the sending of this buttons:
{ "message": "Msg", "name": "ModelCreateError", "stack": "ModelCreateError: Msg\n at new i (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:403072)\n at new k (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:56:209667)\n at https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:470293\n at V (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:373738)\n at MutationObserver.K (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:373319)",

Hmmm it's working here, are you using whatsapp-web.js@1.14.1 ?

renjop · 2021-09-01T15:36:44Z

It seems that the most recent WhatsApp version (2.2134.9) broke the sending of this buttons:
{ "message": "Msg", "name": "ModelCreateError", "stack": "ModelCreateError: Msg\n at new i (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:403072)\n at new k (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:56:209667)\n at https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:470293\n at V (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:373738)\n at MutationObserver.K (https://web.whatsapp.com/bootstrap_qr.abbc2ea8366e2cd9a145.js:2:373319)",

Hmmm it's working here, are you using whatsapp-web.js@1.14.1 ?

Yep, I'm using the latest whatsapp-web.js@1.41.1. Before the WhatsApp update it was working perfectly, This error seems to be an internal "error" from WhatsApp not necessarily from the whatsapp-web.js library.

makanSukros · 2021-09-08T02:39:59Z

Not Working on MD Version @purpshell

makanSukros · 2021-09-08T04:37:54Z

Not Working on MD Version @purpshell

vendor1~bootstrap_qr.8d5b7620b726968ba154.js:34 TypeError: Cannot read properties of undefined (reading 'length')
    at bootstrap_main.e39859bf8358eb1e7271.js:13
    at Array.some (<anonymous>)
    at t.default (bootstrap_main.e39859bf8358eb1e7271.js:13)
    at ia (vendor1~bootstrap_qr.8d5b7620b726968ba154.js:34)
    at Hs (vendor1~bootstrap_qr.8d5b7620b726968ba154.js:34)
    at Pu (vendor1~bootstrap_qr.8d5b7620b726968ba154.js:34)
    at Eu (vendor1~bootstrap_qr.8d5b7620b726968ba154.js:34)
    at Su (vendor1~bootstrap_qr.8d5b7620b726968ba154.js:34)
    at mu (vendor1~bootstrap_qr.8d5b7620b726968ba154.js:34)
    at vendor1~bootstrap_qr.8d5b7620b726968ba154.js:34

Inevitable-Dev · 2021-09-09T00:42:10Z

Can I identify the custom ID returned from a Message of type List?

rmaafs · 2021-09-11T04:49:29Z

I tested it for two weeks and I don't have any problem.
Tested on Android and iOS. Nice work!

makanSukros · 2021-09-11T04:51:39Z

I tested it for two weeks and I don't have any problem.
Tested on Android and iOS. Nice work!

Problem only for Beta MultiDevices

…into patch-6

Inevitable-Dev

Oh, I spent some time testing some things to see if I could come up with a solution, but I wasn't able to come up with this excellent solution

aliyss

lgtm

purpshell · 2021-09-13T20:59:19Z

Merge time

Goomer2 · 2021-09-16T11:45:12Z

When I send a Button Message the Whatsapp Web Chat throws the following exception.

tuyuribr · 2021-09-16T13:27:43Z

@Goomer2 , could you send us some code?
Are you using standard wa or biz?

Image for reference:

Goomer2 · 2021-09-16T13:53:43Z

@Goomer2 , could you send us some code?
Are you using standard wa or biz?

Image for reference:

I'm using biz.

const { Client, Buttons, List } = require('whatsapp-web.js');
const qrcode = require('qrcode-terminal');

const client = new Client({puppeteer: {headless: false}});

client.on('qr', (qr) => {
  // Generate and scan this code with your phone
  console.log('QR RECEIVED', qr);
  qrcode.generate(qr, {small: true});
});

client.on('ready', () => {
  console.log('Client is ready!');

  let button = new Buttons('Button body', [{body:'Sim'},{body:'Não'},{body:'Não enviar mais'}],'title','footer');
  client.sendMessage('xxxxx@c.us', button);
});

client.on('message', msg => {
  if (msg.body == '!ping') {
    msg.reply('pong');
  }
});

client.initialize();

The error is on Whatsapp Web.

victorfreire100 · 2021-10-10T23:56:17Z

		case '!button':
		await client.sendButtons(chatId, "Option", [
		{
        id: "1",
        "text": "Option 1"			
		},
		{
        id: "2",
        "text": "Option 2
		},
		], "")
		
		===========================
		
		When the user chooses an option I want him to make a request in an api with the option id and send a confirmation msg. Can anyone help me?

user3470 · 2021-11-07T09:02:01Z

Oh, I spent some time testing some things to see if I could come up with a solution, but I wasn't able to come up with this excellent solution

Maybe you could look into how these guys are doing it

https://github.com/adiwajshing/Baileys

user3470 · 2021-11-07T09:02:57Z

@Goomer2 , could you send us some code?
Are you using standard wa or biz?
Image for reference:

I'm using biz.

const { Client, Buttons, List } = require('whatsapp-web.js');
const qrcode = require('qrcode-terminal');

const client = new Client({puppeteer: {headless: false}});

client.on('qr', (qr) => {
  // Generate and scan this code with your phone
  console.log('QR RECEIVED', qr);
  qrcode.generate(qr, {small: true});
});

client.on('ready', () => {
  console.log('Client is ready!');

  let button = new Buttons('Button body', [{body:'Sim'},{body:'Não'},{body:'Não enviar mais'}],'title','footer');
  client.sendMessage('xxxxx@c.us', button);
});

client.on('message', msg => {
  if (msg.body == '!ping') {
    msg.reply('pong');
  }
});

client.initialize();

The error is on Whatsapp Web.

Maybe you could look into how these guys handled it:

https://github.com/adiwajshing/Baileys

tinyCoder32 · 2021-12-05T23:32:14Z

When I send a Button Message the Whatsapp Web Chat throws the following exception.

Is there any fix for this yet? It's pretty annoying 😓

This reverts commit b60029e.

tuyuribr added 2 commits July 14, 2021 11:10

Add buttons && List

38b3f53

Draft to add list and buttons. Thanks to @purpshell

Structure draft

dabdd6d

purpshell changed the title ~~Add buttons && List~~ Send buttons, and Lists. Jul 14, 2021

purpshell changed the title ~~Send buttons, and Lists.~~ Send buttons and Lists Jul 14, 2021

tuyuribr added 3 commits July 14, 2021 13:19

linking

db2d15f

buttonFormat

3461cbb

Buttons Core

f2bdab8

tuyuribr added 2 commits July 14, 2021 17:50

ESLint fix

ef58c1e

ESLint fix 😠

e6f7bc7

.map() because purp is biased

01f1c87

tuyuribr added 2 commits July 15, 2021 14:08

Logic for List

d6ab9c0

I really Like maps now

c904841

Merge branch 'master' into patch-6

b924eaa

tuyuribr changed the title ~~Send buttons and Lists~~ Send buttons and Lists [Commits are welcome] Jul 23, 2021

tuyuribr added 2 commits July 27, 2021 18:10

Fix fetchMessages

7482738

Merge branch 'main' into patch-6

79121f9

tuyuribr added 2 commits August 3, 2021 14:10

Final tweaks

bd7c1e3

Update example.js

91e4579

Merge branch 'main' into patch-6

65ac6ff

tuyuribr changed the title ~~Send buttons and Lists [Review + Tests needed]~~ Send buttons and Lists [Review needed] Sep 8, 2021

Update Injected.js

179d99f

tuyuribr changed the title ~~Send buttons and Lists [Review needed]~~ Send buttons and Lists Sep 11, 2021

tuyuribr added 2 commits September 11, 2021 12:41

Return Selected button and list ID

b8bf254

Merge branch 'patch-6' of https://github.com/tuyuribr/whatsapp-web.js …

9f2ea32

…into patch-6

Inevitable-Dev approved these changes Sep 11, 2021

View reviewed changes

aliyss approved these changes Sep 13, 2021

View reviewed changes

purpshell added 2 commits September 14, 2021 00:01

Merge branch 'main' into patch-6

b321b19

Missing comma

d5f47ff

purpshell merged commit b60029e into pedroslopez:main Sep 13, 2021

Yazi-cohen pushed a commit to Yazi-cohen/whatsapp-web.js that referenced this pull request Aug 23, 2022

Revert "feat: Send buttons and Lists (pedroslopez#756)"

3b25bd4

This reverts commit b60029e.

Belfio pushed a commit to Belfio/whatsapp-web.js that referenced this pull request Jan 9, 2024

feat: Send buttons and Lists (pedroslopez#756)

39818e8

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Send buttons and Lists #756

Send buttons and Lists #756

tuyuribr commented Jul 14, 2021 •

edited

Loading

tuyuribr commented Jul 14, 2021 •

edited

Loading

ghost commented Jul 14, 2021

purpshell commented Jul 14, 2021

ghost commented Jul 14, 2021

ghost commented Jul 14, 2021 •

edited by ghost

Loading

tuyuribr commented Jul 15, 2021

esteves67 commented Jul 22, 2021

esteves67 commented Jul 23, 2021

purpshell commented Jul 23, 2021

tuyuribr commented Jul 23, 2021

esteves67 commented Jul 25, 2021

iamshouvikmitra commented Aug 3, 2021

jhohenr commented Aug 26, 2021

renjop commented Sep 1, 2021

tuyuribr commented Sep 1, 2021

renjop commented Sep 1, 2021

makanSukros commented Sep 8, 2021

makanSukros commented Sep 8, 2021

Inevitable-Dev commented Sep 9, 2021 •

edited

Loading

rmaafs commented Sep 11, 2021

makanSukros commented Sep 11, 2021

Inevitable-Dev left a comment

aliyss left a comment

purpshell commented Sep 13, 2021

Goomer2 commented Sep 16, 2021

tuyuribr commented Sep 16, 2021

Goomer2 commented Sep 16, 2021

victorfreire100 commented Oct 10, 2021

user3470 commented Nov 7, 2021

user3470 commented Nov 7, 2021

tinyCoder32 commented Dec 5, 2021

Send buttons and Lists #756

Send buttons and Lists #756

Conversation

tuyuribr commented Jul 14, 2021 • edited Loading

tuyuribr commented Jul 14, 2021 • edited Loading

ghost commented Jul 14, 2021

purpshell commented Jul 14, 2021

ghost commented Jul 14, 2021

ghost commented Jul 14, 2021 • edited by ghost Loading

tuyuribr commented Jul 15, 2021

esteves67 commented Jul 22, 2021

esteves67 commented Jul 23, 2021

purpshell commented Jul 23, 2021

tuyuribr commented Jul 23, 2021

esteves67 commented Jul 25, 2021

iamshouvikmitra commented Aug 3, 2021

jhohenr commented Aug 26, 2021

renjop commented Sep 1, 2021

tuyuribr commented Sep 1, 2021

renjop commented Sep 1, 2021

makanSukros commented Sep 8, 2021

makanSukros commented Sep 8, 2021

Inevitable-Dev commented Sep 9, 2021 • edited Loading

rmaafs commented Sep 11, 2021

makanSukros commented Sep 11, 2021

Inevitable-Dev left a comment

Choose a reason for hiding this comment

aliyss left a comment

Choose a reason for hiding this comment

purpshell commented Sep 13, 2021

Goomer2 commented Sep 16, 2021

tuyuribr commented Sep 16, 2021

Goomer2 commented Sep 16, 2021

victorfreire100 commented Oct 10, 2021

user3470 commented Nov 7, 2021

user3470 commented Nov 7, 2021

tinyCoder32 commented Dec 5, 2021

tuyuribr commented Jul 14, 2021 •

edited

Loading

tuyuribr commented Jul 14, 2021 •

edited

Loading

ghost commented Jul 14, 2021 •

edited by ghost

Loading

Inevitable-Dev commented Sep 9, 2021 •

edited

Loading