How to detect a message has inline button telegram bot - node.js

I created a group controller bot in telegram.
Now i have a problem: Can i detect messages that contains inline button?
Standard Telegram API doesn't have a method for detecting these messages.
Whats the solution?

Messages which are triggered by an inline keyboard will have the key callback_query.
This is the structure you will receive.
{
"update_id": 123456789,
"callback_query": {
"id": "123456789123456789",
"from": { ... },
"message": {
"message_id": 123456789,
"from": { ... },
"chat": { ... },
"date": 123456789,
"text": "Message text"
},
"chat_instance": "123456789123456789",
"data": "your_callback_data"
}
}
Telegram Bot API CallbackQuery

Related

How to get message sent date in webhook whatsapp API

how to get message sent date. The timestamp of the message that arrives in the whatsapp API webhook is the date on which it arrives. I need to retrieve date the user sent. It's possible?
In the message model I receive, in this format in the webhook, the timestamp is the time it arrives on the server. I need to retrieve the time the user sent the message, in case he is offline
{
"object": "whatsapp_business_account",
"entry": [
{
"id": "8856996819413533",
"changes": [
{
"value": {
"messaging_product": "whatsapp",
"metadata": {
"display_phone_number": "16505553333",
"phone_number_id": "27681414235104944"
},
"contacts": [
{
"profile": {
"name": "Kerry Fisher"
},
"wa_id": "16315551234"
}
],
"messages": [
{
"from": "16315551234",
"id": "wamid.ABGGFlCGg0cvAgo-sJQh43L5Pe4W",
"timestamp": "1603059201",
"text": {
"body": "Hello this is an answer"
},
"type": "text"
}
]
},
"field": "messages"
}
]
}
]
}
I've tried sending other types of messages, and even monitoring all dates that are sent to the webhook. But none match the user's upload date
Currently, there is only one timestamp in message payload, that is,
The time when the WhatsApp server received the message from the customer.
https://developers.facebook.com/docs/whatsapp/cloud-api/webhooks/components#messages-object

Is there any way to send a location to a telegram bot via Dialogflow?

I am trying to create a telegram bot that can return a list of location to a telegram bot. As dialogflow does'nt allow us to send a location back to the telegram through default implementation,I was trying to use a custom payload to send back the location.However it isnt working.
{
"fulfillmentMessages": [
{
"text": {
"text": [
"Lellox"
]
}
},
{
"payload": {
"telegram":
{
"text": "Please share your contact",
"location": {"longitude": 2.294489, "latitude": 48.858252}
}
},
"platform": "TELEGRAM"
},
]
}
I haven't been able to achieve sending a location object back to telegram.
However, I've found a workaround that could be useful that consist in using a URL of a Google Maps location, check it:
{
"telegram": {
"text": "Location [here](https://goo.gl/maps/JPiw6zHjiyUvo7dDA).",
"parse_mode": "Markdown"
}
}

Google chat custom cards using dialogflow fulfilment webhook

I am trying to integrate DialogFlow bot with Hangouts Chat (for G Suite). I have enabled the integration on DialogFlow and the basic intents are working fine.
In order to perform backend operations using fulfillment, I have created a firebase cloud function and added this as the webhook URL on DialogFlow fulfillment page.
I have written the cloud function code to identify the intent, and to generate the Webhook response format for a simple text response. This is working, and I am seeing the firestore data being modified in response to the intent.
However for a more complicated intent, I wish to use more of the dynamic card based response that Chat offers. In order to achieve this, I have looked at the documentation for dialogflow card response.
I saw this following code at https://cloud.google.com/dialogflow/docs/integrations/hangouts. When I paste this into the dialogflow intent editor UI under hangouts custom payload (after disabling webhook integration), it works
{
"hangouts": {
"header": {
"title": "Pizza Bot Customer Support",
"subtitle": "pizzabot#example.com",
"imageUrl": "..."
},
"sections": [{
"widgets": [{
"keyValue": {
"icon": "TRAIN",
"topLabel": "Order No.",
"content": "12345"
}
},
{
"keyValue": {
"topLabel": "Status",
"content": "In Delivery"
}
}]
},
{
"header": "Location",
"widgets": [{
"image": {
"imageUrl": "https://dummyimage.com/600x400/000/fff"
}
}]
},
{
"header": "Buttons - i could leave the header out",
"widgets": [{
"buttons": [{
"textButton": {
"text": "OPEN ORDER",
"onClick": {
"openLink": {
"url": "https://example.com/orders/..."
}
}
}
}]
}]
}]
}
}
This is exactly what I need, but I need this response from the webhook. I'm not getting the correct response format to map between the two.
When I try to integrate the same code with the webhook, I am not getting any reply on hangouts chat. When I check the history section on dialogflow UI, here is the response structure as mentioned in Raw interaction log
{
"queryText": "<redacted>",
"parameters": {},
"intent": {
"id": "<redacted>",
"displayName": "<redacted>",
"priority": 500000,
"webhookState": "WEBHOOK_STATE_ENABLED"
},
"intentDetectionConfidence": 1,
"diagnosticInfo": {
"webhook_latency_ms": 284
},
"languageCode": "en",
"slotfillingMetadata": {
"allRequiredParamsPresent": true
},
"id": "<redacted>",
"sessionId": "<redacted>",
"timestamp": "2020-07-30T12:05:29.094Z",
"source": "agent",
"webhookStatus": {
"webhookUsed": true,
"webhookPayload": {
"hangouts": {
"header": {
"subtitle": "pizzabot#example.com",
"title": "Pizza Bot Customer Support",
"imageUrl": "..."
},
"sections": [
{
"widgets": [
{
"keyValue": {
"content": "12345",
"topLabel": "Order No.",
"icon": "TRAIN"
}
},
{
"keyValue": {
"topLabel": "Status",
"content": "In Delivery"
}
}
]
},
{
"widgets": [
{
"image": {
"imageUrl": "https://dummyimage.com/600x400/000/fff"
}
}
],
"header": "Location"
},
{
"widgets": [
{
"buttons": [
{
"textButton": {
"text": "OPEN ORDER",
"onClick": {
"openLink": {
"url": "https://example.com/orders/..."
}
}
}
}
]
}
],
"header": "Buttons - i could leave the header out"
}
]
}
},
"webhookStatus": {
"message": "Webhook execution successful"
}
},
"agentEnvironmentId": {
"agentId": "<redacted>",
"cloudProjectId": "<redacted>"
}
}
I also found this link on chat docs which explains how to show an interactive card based UI https://developers.google.com/hangouts/chat/how-tos/cards-onclick. However I'm not able to understand how to integrate the same with the webhook.
UPDATE
I have followed a tutorial at https://www.leeboonstra.com/Bots/custom-payloads-rich-cards-dialogflow/ and was able to get the card response to show up using the sample code they mention. It is using this deprecated library (https://github.com/dialogflow/dialogflow-fulfillment-nodejs). Here is the code for that to work,
let payload = new Payload("hangouts", json, {
rawPayload: true,
sendAsMessage: true,
});
agent.add(payload);
Here the json variable should be the previous JSON structure I have mentioned. So now, I'm able to map to the correct response format using the deprecated API. However, I'm not able to get the button to send the right response to the back end. Here is the buttons field that I modified from the previous json,
"buttons": [
{
"textButton": {
"text": "Click Me",
"onClick": {
"action": {
"actionMethodName": "snooze",
"parameters": [
{
"key": "time",
"value": "1 day"
},
{
"key": "id",
"value": "123456"
}
]
}
}
}
}
]
As far as I know, responding to a Google Chat (formerly Hangouts Chat) button isn't possible when using the direct Dialogflow integration.
The problem is that the button response can be sent one of two ways:
An event will be sent back to the bot code indicating the click.
Using the onClick.openLink.url property, as most of your test show.
This will take the person clicking it to the URL in question. But once there, you're taken out of the bot flow.
However, the documentation for the Hangouts Chat integration with Dialogflow doesn't provide any information about how this event is passed to Dialogflow, and the last time I tested it - it isn't.
You can write your own integration using Google Chat's API on something like Cloud Functions or Apps Script and have your script call Dialogflow's Detect Intent API to determine what Intent would be triggered by the user (and determine replies or call the webhook for additional processing). Under this scheme, you can choose how to handle the onClick event. Making your own integration also provides you a way to do Incoming Webhooks, which isn't possible when using the Dialogflow integration.

Does Google Dialogflow custom payloads have a Call Function in Telegram?

I had integrated Dialogflow in both Facebook Messenger & Telegram. In FB messenger, when a user press a button, it will opens the user's phone dialing pad and calls the number. Here's the code:
//FB Messenger code
{
"facebook": {
"attachment": {
"type": "template",
"payload": {
"template_type": "button",
"text": "Sorry but I didn't quite catch that. If it's urgent, do give us a call instead. Thanks!",
"buttons": [
{
"type": "phone_number",
"title": "Call Us",
"payload": "+60123456789"
}
]
}
}
}
}
How to i do this in Telegram?? Thanks

How to get Image sent by user in facebook messenger through api.ai?

Anyone know how to retrieve an image sent by user, via api.ai? Do I just access the original body request? How do I do that when it does not seem to be sending to api.ai? Do I just use my server to respond?
API.AI includes information on the original request made to API.AI from the 1-click integrations in the originalRequest JSON attribute sent with every API.AI webhook request. The format for a Facebook Messenger Rich Messaging message sent with an images has the form:
{
"originalRequest": {
"source": "facebook",
"data": {
"sender": {
"id": "<PSID>"
},
"recipient": {
"id": "<PAGE_ID>"
},
"timestamp": 1458692752478,
"message": {
"mid": "mid.145869661...",
"attachments": [
{
"type": "image",
"payload": {
"url": "<IMAGE_URL>"
}
}
]
}
}
}
}
Gist of full code example here
You can use the originalRequest.data.message.attachments[0].payload.url attribute to get the URL of the image.

Resources