[NEW] Rich message text and image buttons

[ubarsaiyan]

Demo: https://drive.google.com/file/d/1kbNLqs2g_v5PLVJWro0Pz-d0e6Wjbp1f/view?usp=sharing

Closes #6786

This PR aims to pass all the test specified in https://github.com/WideChat/Rocket.Chat.Android/wiki/Phase-1--Rich-Messaging-Acceptance-Test

Currently, all tests should pass except 7 and 8. :)

[rodrigok]

Can you fix the indentation here?

[ubarsaiyan]

@rodrigok Fixed indentation and rebased to latest develop

[rodrigok]

@ubarsaiyan can you add the new properties to the schema check here https://github.com/RocketChat/Rocket.Chat/blob/develop/packages/rocketchat-lib/server/functions/sendMessage.js#L28 ?

[ubarsaiyan]

@rodrigok I have added the new properties, pls check :)

[ivanmpk]

Hi, I use Rocket 0.70.4. How to add this to my server? If necessary reinstall? or copy files into my path instalation?

Thanks!

[ubarsaiyan]

Hi @ivanmpk
Look at this wiki to send the correct JSON for the rich messages. https://github.com/WideChat/Rocket.Chat.Android/wiki/Phase-1--Rich-Messaging-Acceptance-Test

[ivanmpk]

Hi @ubarsaiyan thanks for your quick response.
Ok on wiki I see how to send JSON but how to load the files .js and .html on my server. Only copy files? what files?

[ubarsaiyan]

@ivanmpk Just normally install the server for the richmessage functionality. This would only enable richmessage messages to be parsed on the client. To send a richmessage you would need to connect a suitable bot. The docs are not yet updated regarding these features and many things are still WIP.

[ivanmpk]

@ubarsaiyan thanks again. How to install rocket with richmessage funciontality?

[ubarsaiyan]

@ivanmpk Just normal installation as mentioned in the README. The PR was merged in the version 0.69.0

[ivanmpk]

Excellent! Thank you!

[ivanmpk]

Hi, the button_alignment its not working for me. Always the buttons are vertical.
Do you have estimated when test 7 and 8 will be success? I need "msg_in_chat_window: false"

[ubarsaiyan]

@ivanmpk Are you sending "button_alignment": "horizontal" outside the actions and within the attachments as mentioned in the wiki? If yes, then please open an issue describing it in more detail. There is no progress that I know of regarding the tests 7 and 8.

[ivanmpk]

Hi, I can use this from module rocketchat on ansible?

[ubarsaiyan]

@ivanmpk I don't know. Maybe ask in #dev channel @ open.rocket.chat?

[buerlyu]

@ubarsaiyan Hi, I'm currently working on a contact center demo by using dialogflow based chatbot and the livechat in rocketchat. I try to create a button but can only get a blank message in the livechat.

            let msgData = {
              channel: roomId,
              //rid: roomId,
              text: "text button with msg in chat window",
              attachments: [
                {
                  actions: [
                    {
                      type: "button",
                      text: "Say hello in chat window?",
                      msg: "hello in chat window",
                      msg_in_chat_window: true
                    }
                  ]
                }
              ]
            };
            robot.adapter.customMessage(msgData);

[ubarsaiyan]

@bizzbyster perhaps you can shed some light to @buerlyu on the current state of the rich messages.

[matikucharski]

Hi. Where are rich messages documented? I cannot find a word on it in RC documentation on https://developer.rocket.chat/

[cicada-chen]

where is the doc describe this feature?