[v3.4.1] Resize and Input Improvements

[3.4.1] - 2023-10-16

Enhancements

• Enhanced Input Focus:

  • Improved the input box's behavior to ensure it regains focus effectively after toggling the disabledInput prop for smoother and more intuitive user interaction.

• Input Box Resizing:

  • Adjusted the input box to prevent unintentional expansion of the chat window's width, maintaining a consistent size for a better user experience.

• Emoji Picker Dimension Control:

  • Introduced constraints to ensure the emoji picker doesn't expand beyond the chat window's dimensions, keeping the interface clean and user-friendly.

• Plain Text Input Enhancement:

  • Provided an option to force plain text inputs in the chat box, ensuring only plain text is accepted, and styled texts are avoided.
  • Added the disableRichTextInput prop for better customization, defaulted to false for backwards compatibility. Pass this prop as true to use the in-built function.

Performance

• Improve JS Payload Size:
  • Decreased built library size from 897KiB to 424KiB to improve page loading times.

Recommendation

• As always, we recommend thoroughly testing these changes in a staging or development environment before deploying them in production to ensure 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.

[v3.3.0] Resizable window + New Emoji Picker

[3.3.0] - 2023-10-09

Added

• ResizableProps Interface: Introduced the ResizableProps interface to dynamically adjust widget dimensions. Users can now utilize heightOffset and widthOffset to control the widget's maximum height and width, allowing for a better fit across various interfaces.

• Emoji Picker Enhancement: Transitioned from emoji-mart to emoji-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.

Changed

• ID Refactoring: To reduce potential conflicts and enhance specificity, the messages ID has been renamed to rcw-messages.

Removed

• Emoji-Mart Dependency: Due to build type errors and in favor of better support, the dependency on emoji-mart was replaced with emoji-picker-react.

Note

• 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.

[v3.2.2] Add support for React 18

• Remove deprecated dependencies
• Update all dependencies where possible
• Rename .loader class to avoid conflicts with common css classes and follow usual -rcw nomenclature