-
Enhanced Input Focus:
- We've improved the input box's behavior to ensure that it regains focus effectively after toggling the
disabledInput
prop. This enhancement offers a smoother and more intuitive user interaction.
- We've improved the input box's behavior to ensure that it regains focus effectively after toggling the
-
Input Box Resizing:
- Made adjustments to the input box to prevent it from unintentionally expanding the chat window's width. This tweak ensures that the chat window maintains a consistent size for a better user experience.
-
Emoji Picker Dimension Control:
- To prevent UI glitches, we've introduced constraints to ensure that the emoji picker doesn't expand beyond the chat window's dimensions, keeping the interface clean and user-friendly.
-
Plain Text Input Enhancement:
- We've provided an option to force plain text inputs in the chat box, ensuring that only plain text is accepted, and styled texts are avoided.
- Added the
disableRichTextInput
prop for better customization. This will be defaulted tofalse
to maximize backwards compatibility. You may pass this prop astrue
to use the in-built function.
-
Improve Js Payload Size:
- Decreased built library size from 897KiB to 424KiB to improve loading times for your pages.
-
Recommendation:
- As always, we recommend thoroughly testing these changes in a staging or development environment before deploying them in production. This ensures smooth transitions and compatibility with your specific setup. We appreciate your feedback and continuously strive to enhance the user experience. Let us know if you encounter any issues or have suggestions for future improvements.
-
ResizableProps Interface: Introduced the
ResizableProps
interface to dynamically adjust widget dimensions. Users can now utilizeheightOffset
andwidthOffset
to control the widget's maximum height and width, allowing for a better fit across various interfaces. -
Emoji Picker Enhancement: Transitioned from
emoji-mart
toemoji-picker-react
for a better user experience and to address build type errors. Additionally, introduced the.rcw-picker-icon
style for more personalized emoji picker stylings. -
Subtitle Styling: Added the
.rcw-subtitle
class for subtitles, providing users an easier way to apply custom styles. -
X-Resizer Update: Revamped the x-resizer to now support both vertical and diagonal resizing, enhancing user interaction and UI flexibility.
- ID Refactoring: To reduce potential conflicts and enhance specificity, the
messages
ID has been renamed torcw-messages
.
- Emoji-Mart Dependency: Due to build type errors and in favor of better support, the dependency on
emoji-mart
was replaced withemoji-picker-react
.
- Ensure you test these changes in a staging environment before implementing them in production. Verify that any custom styles or scripts remain compatible, especially given the ID and class refinements.
- Build Errors: Addressed and resolved build errors that emerged due to the recent updates in dependencies. This ensures smoother integrations and deployments.
- Build Errors: Addressed and resolved build errors that emerged due to the recent updates in dependencies. This ensures smoother integrations and deployments.
-
Dependencies Update: All dependencies have been updated to their latest versions, including a significant bump to React 18.
-
Classname Fix: Resolved a classname conflict where
.loader
was clashing with other repositories, enhancing compatibility and reducing potential integration issues.
- This version is forked from Wolox's react-chat-widget, which was last maintained in 2021. With this fork, we aim to bring continued updates, improvements, and maintenance to the widget. For previous changelogs, please refer to the original author's repository.