RFC: Quick Replies

[watadarkstar]

Not sure if this library can do suggested responses but it would be very helpful for people who build chat bots.

Something like this:

Facebook calls them quick_replies: https://developers.facebook.com/docs/messenger-platform/send-messages/quick-replies

Kik calls them suggested_responses
https://dev.kik.com/#/docs/messaging#suggested-response-keyboard

Telegram calls them inline_keyboard https://core.telegram.org/bots#inline-keyboards-and-on-the-fly-updating

[watadarkstar]

@xcarpentier @brunocascio @FaridSafi Looking for input on the API for this feature as I'm planning to work on this feature.

The API I'm thinking of is:

Message:

{
  _id: 1,
  text: 'My message',
  "quickReplies":[
      {
        "contentType":"text",
        "title":"Yes",
        "imageUrl":"http://example.com/img/yes.png"
      },
      {
        "contentType":"text",
        "title":"No",
        "imageUrl":"http://example.com/img/no.png"
      }
    ]
}

Component Props:

onQuickReply (Function) - Callback when sending a quick reply
renderQuickReply (Function) - Custom quick reply

onQuickReply(quickReply) {
   if(quickReply.contentType === "text") {
         // send text message
    } else if (quickReply.contentType === "location") {
        // send location
    } else if (quickReply.contentType === "camera") {
        // open camera then send video / image
    }
    // infinite possibilities 
}
...
<GiftedChat onQuickReply={quickReply => this.onQuickReply(quickReply)}>}

[xcarpentier]

@watadarkstar yes yes 👍
But nothing block to use renderActions or renderAccessory to do it now I guess...

[xcarpentier]

Or renderMessage

[watadarkstar]

@xcarpentier True I guess you can just use renderMessage to get inline responses, but having an API specific for this would be more convenient.

[pdoggi]

@watadarkstar Love this idea, how can I help complete this feature?

[watadarkstar]

Hi @pdoggi I ended up doing it in my local project. Do you want to split the work up and write up a PR with the documentation and I can write the code?

[pdoggi]

@watadarkstar I'm sorry I didn't see your message earlier! I would love to work together on this! The best way to reach me is via email and phone. What's a good way to exchange contact information?

I just sent you a message via your website, so you will have my contact. Let me know how I can help!

[husseinraoouf]

any news about the Quick replies
Note: I have downloaded your fork of the library with quick replies and it is not usable yet

[watadarkstar]

@husseinraoouf @pdoggi I wish I had more time for this but feel free to take over my fork and complete the feature 😄

[husseinraoouf]

@watadarkstar No Problem 😄
I will Try To Implement this feature as soon as I could any one can feel free to help

[pdoggi]

hey sorry, I've been super busy as well. 😞

[grinono]

any updates regarding this?

[OlivierBessi]

Hello @watadarkstar, @husseinraoouf, @pdoggi - I am interested in this very useful initiative. I was wondering if you got a change to progress the development of this item? Thakn you!

[watadarkstar]

@OlivierBessi @grinono Unfortunately, I don't have the bandwidth to work on this but feel free to submit a PR 😄

EDIT: You can use this PR as a starting point and make it your own: https://github.com/FaridSafi/react-native-gifted-chat/pull/886/files

[Webdev259]

can i make application for phone call , messages,block number, etc etc auto response application using react native