Adding quick replies

I would like to use quick replies in my chat (see the messenger documentation) It would basically be like a bubble, without the agent picture with some propositions, and when the user click on it, it is displayed as a user bubble.

Ideally, the quick replies could have a display value and an internal value (one displayed to the user, and one that can be sent to a backend API)

Do you plan to add this feature ? I think I could make it work with a custom component but it would be nice to have a addQuickReplies() like addLinkSnippet()

[WoodyFleurant]

Hello guys, it seems that this feature was not published into npm. I cannot use Quick replies with npm install, I checked into node_modules, and the changes reflected here are not inside the code. Could you please check this out ? I also tried to use this git repository directly with npm install Wolox/react-chat-widget but it keeps saying Module not found: Can’t resolve ‘react-chat-widget’

[thomas-negrault]

I made a really simple custom component:

class QuickReply extends Component {
    constructor(props) {
        super(props);
        this.state = {replied: false};
        this.sendQuickReply = this.sendQuickReply.bind(this);
        toggleInputDisabled()
    }

    sendQuickReply = (reply) => {
        this.setState({
            replied: true
        });
        addUserMessage(reply);
        toggleInputDisabled();
    };

    render() {
        if (this.state.replied == true) {
            return (null);
        }
        return (
            <div className="message">
                {this.props.propositions.map(r => <div key={r} className={"response"}onClick={this.sendQuickReply.bind(this, r)}>{r}</div>)}
            </div>)
    }
}

How can I disable user input when I display my quick replies ?

Edit: my bad, just saw the toggleInputDisabled function