React-native-gifted-chat: RFC: Quick Replies

Created on 13 Apr 2018 · 15Comments · Source: FaridSafi/react-native-gifted-chat

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

Something like this:
customer-chat

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

chat-bot pinned

Source

watadarkstar

👍12

Most helpful comment

@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)}>}

watadarkstar on 14 Apr 2018

👍7

All 15 comments

@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)}>}

watadarkstar on 14 Apr 2018

👍7

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

xcarpentier on 14 Apr 2018

Or renderMessage

xcarpentier on 14 Apr 2018

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

watadarkstar on 14 Apr 2018

👍1

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

pdoggi on 22 May 2018

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?

watadarkstar on 24 May 2018

@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!

pdoggi on 1 Jun 2018

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

husseinraoouf on 29 Jul 2018

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

watadarkstar on 31 Jul 2018

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

husseinraoouf on 1 Aug 2018

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

pdoggi on 2 Aug 2018

any updates regarding this?

grinono on 30 Sep 2018

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!