RocketChat / EmbeddedChat

An easy to use full-stack component (ReactJS) embedding Rocket.Chat into your webapp
https://www.npmjs.com/package/@embeddedchat/react
107 stars 214 forks source link

feat: UIKit improvement and action processing #593

Closed Spiral-Memory closed 1 week ago

Spiral-Memory commented 2 weeks ago

Brief Title

This PR aims to enhance UiKit support in EmbeddedChat and enable action processing on the RC server.

Acceptance Criteria Fulfillment

Fixes #592

Video/Screenshots

Tested it on 3 RC apps and including the videos for each:

  1. Reminder RC App

https://github.com/RocketChat/EmbeddedChat/assets/78961432/eeb17fd6-68f2-4113-8ef1-dc0faf32ca05

  1. Notion RC App

https://github.com/RocketChat/EmbeddedChat/assets/78961432/71d9baa1-a54d-4077-9fbd-f7e005742f77

  1. News Aggregation App (To test multi select)

https://github.com/RocketChat/EmbeddedChat/assets/78961432/d3f611b0-3205-483f-b00a-9800893b98fb

Note: It is necessary to rebuild the project with yarn and yarn build on root directory to start making use of UiKit support in EmbeddedChat

Spiral-Memory commented 1 week ago

Hey @sidmohanty11

The PR is now ready for review. I have restructured the existing uiKit related folders in the Embedded Chat and added all the necessary components that were missing or broken. I have done my best to align the changes with the Rocket.Chat codebase to ensure the UIKit can handle all cases as it does in Rocket.Chat.

The updates include UIKit messages, UI Modal, and UI Contextual Bar, all of which can now process actions and modify according to needs, whether it involves opening a new modal or updating an existing one. I have also added custom static and multi-select elements to match the look and feel of our themes. There are many other modifications detailed in the PR description.

I have tested the changes on three RC apps, and each feature works as expected. Kindly review the PR.