@connectycube/chat-widget 0.21.1 → 0.23.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # CHANGELOG
 
+## 0.23.0
+
+### Features
+
+- The chat widget is now fully rendered inside a Shadow DOM, preventing style conflicts and external interference.
+- Supports React 19. Import the dedicated ESM-only build instead: `import ConnectyCubeChatWidget from '@connectycube/chat-widget/react19'`
+
+### Bug fixes
+
+- Fix message text line break behaviour
+- Online users badge: hide if count = 0
+- Do not request online users if `enableOnlineUsersBadge=false`
+
+### Misc
+
+- Users tab: remove arrow icon from user cell
+- Removed dependency on the libraries "react-router", "react-router-dom" and "react-scroll"
+
+## 0.22.0
+
+### Features
+
+- URL preview - unfurl a link once posted in chat
+  - new prop `enableUrlPreview` to enable the feature
+  - new prop `limitUrlsPreviews` to set maximum displayed URLs preview in single message. Default is 1 and max is 5
+- Display user last activity
+  - new prop `enableLastSeen` to show green dot on user avatar in chats list when user is online and last seen information on chat header
+- Display online users badge on chat widget button
+  - new prop `enableOnlineUsersBadge` to enable the feature
+  - new prop `getOnlineUsersInterval` to set how frequently the badge should be updated, in seconds. Default is 300 (5 minutes), min is 30 seconds
+  - new prop `onOnlineUsersCountChange` to receive updates on the online users counter change
+  - new props `onlineBadgeStyle` and `onlineBadgeClassName` to customize the badge
+- User typing feature
+
 ## 0.21.1
 
 ### Bug fixes

package/README.md

@@ -89,6 +89,14 @@ import ConnectyCubeChatWidget from "@connectycube/chat-widget";
 
 See chat widget code samples <https://github.com/ConnectyCube/connectycube-chat-widget-samples> as a reference for faster integration.
 
+#### React 19
+
+By default, the widget uses the React 18-compatible build. To use it with React 19, import the dedicated ESM-only build instead:
+
+```js
+import ConnectyCubeChatWidget from '@connectycube/chat-widget/react19';
+```
+
 #### Vanilla JS
 
 Place the following script in your app: