Updated UIKit version to 6.0.5

Author: raj-dubey1

package.json

@@ -1,14 +1,14 @@
 {
  "name": "@cometchat/chat-uikit-react",
- "version": "6.0.4",
+ "version": "6.0.5",
  "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
  "author": "CometChat",
  "exports": {
  ".": "./dist/index.js",
  "./css-variables.css": "./dist/styles/css-variables.css"
  },
  "dependencies": {
- "@cometchat/chat-sdk-javascript": "^4.0.11",
+ "@cometchat/chat-sdk-javascript": "^4.0.12",
  "@rollup/plugin-json": "^6.1.0",
  "rxjs": "^7.8.1"
  },

sample-app/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [6.0.4] - 25-04-2025
+
+## New 
+- None
+
+## Enhancements
+- None
+
+## Fixes
+- Resolved a problem where the input field remained active when the backdrop was open for password entry in password-protected groups.
+- Fixed an issue where the group owner scope was not updating when a user left a password-protected group.
+
 ## [6.0.3] - 11-04-2025
 
 ## New

sample-app/package.json

@@ -1,13 +1,13 @@
 {
  "name": "sample-app",
- "version": "6.0.3",
+ "version": "6.0.4",
  "description": "React App made using CometChat React v6 UI Kit.",
  "author": "CometChat",
  "private": true,
  "dependencies": {
  "@cometchat/calls-sdk-javascript": "^4.0.11",
- "@cometchat/chat-sdk-javascript": "^4.0.11",
- "@cometchat/chat-uikit-react": "~6.0.4",
+ "@cometchat/chat-sdk-javascript": "^4.0.12",
+ "@cometchat/chat-uikit-react": "~6.0.5",
  "react": "18.2.0",
  "react-dom": "18.2.0",
  "react-router-dom": "6.14.2",

sample-app/src/components/CometChatHome/CometChatHome.tsx

@@ -25,7 +25,7 @@ import { CometChatUserDetails } from "../CometChatDetails/CometChatUserDetails";
 import { CometChatThreadedMessages } from "../CometChatDetails/CometChatThreadedMessages";
 import { CometChatCallDetails } from "../CometChatCallLog/CometChatCallLogDetails";
 import { CometChatAlertPopup } from "../CometChatAlertPopup/CometChatAlertPopup";
-import { CometChatAvatar,CometChatButton,CometChatConfirmDialog,CometChatConversationEvents,CometChatGroupEvents,CometChatGroupMembers,CometChatGroups,CometChatIncomingCall,CometChatMessageEvents,CometChatToast,CometChatUIKit,CometChatUIKitConstants,CometChatUIKitLoginListener,CometChatUIKitUtility,CometChatUserEvents,CometChatUsers,CometChatUIEvents,getLocalizedString,IMessages,IMouseEvent,IActiveChatChanged,MessageStatus,IGroupMemberAdded,IGroupMemberKickedBanned } from "@cometchat/chat-uikit-react";
+import { CometChatAvatar,CometChatButton,CometChatConfirmDialog,CometChatConversationEvents,CometChatGroupEvents,CometChatGroupMembers,CometChatGroups,CometChatIncomingCall,CometChatMessageEvents,CometChatToast,CometChatUIKit,CometChatUIKitConstants,CometChatUIKitLoginListener,CometChatUIKitUtility,CometChatUserEvents,CometChatUsers,CometChatUIEvents,getLocalizedString,IMessages,IMouseEvent,IActiveChatChanged,MessageStatus,IGroupMemberAdded,IGroupMemberKickedBanned, IGroupMemberJoined } from "@cometchat/chat-uikit-react";
 import { CallLog } from "@cometchat/calls-sdk-javascript";
 
 interface TabContentProps {
@@ -285,9 +285,9 @@ function CometChatHome(props: { theme?: string }) {
  }, [activeTab, selectedItem]);
 
  const updateisFirstChat = ({ message, status }: IMessages) => {
- const receiverId = message.getReceiverId();
- const sender = message.getSender();
- if ((appState.selectedItemUser && (appState.selectedItemUser.getUid() == receiverId || (appState.selectedItemUser.getUid() == sender.getUid() && receiverId == loggedInUser?.getUid())) || appState.selectedItemGroup && (appState.selectedItemGroup.getGuid() == receiverId || loggedInUser?.getUid() == receiverId)) && isFreshChatRef.current && status == MessageStatus.success) {
+ const receiverId = message?.getReceiverId();
+ const sender = message?.getSender();
+ if ((appState.selectedItemUser && (appState.selectedItemUser.getUid() == receiverId || ((!sender || (sender && appState.selectedItemUser.getUid() == sender.getUid())) && receiverId == loggedInUser?.getUid())) || appState.selectedItemGroup && (appState.selectedItemGroup.getGuid() == receiverId || loggedInUser?.getUid() == receiverId)) && isFreshChatRef.current && status == MessageStatus.success) {
  setAppState({ type: 'updateIsFreshChat', payload: false });
  isFreshChatRef.current = false;
  let conversationWith = appState.selectedItemUser ? appState.selectedItemUser.getUid() : appState.selectedItemGroup?.getGuid();
@@ -1082,6 +1082,7 @@ function CometChatHome(props: { theme?: string }) {
  if (loggedInUser) {
  const groupClone = CometChatUIKitUtility.clone(group);
  groupClone.setHasJoined(false);
+ groupClone.setMembersCount(groupClone.getMembersCount() - 1);
  CometChatGroupEvents.ccGroupLeft.next({
  userLeft: CometChatUIKitUtility.clone(loggedInUser),
  leftGroup: groupClone,
@@ -1370,6 +1371,11 @@ function CometChatHome(props: { theme?: string }) {
  const ccOpenChat = CometChatUIEvents.ccOpenChat.subscribe((item) => {
  openChatForUser(item.user);
  })
+ const ccGroupJoineed = CometChatGroupEvents.ccGroupMemberJoined.subscribe((data: IGroupMemberJoined) => {
+ setGroup(data.joinedGroup)
+ setSelectedItem(data.joinedGroup);
+ setAppState({ type: "updateSelectedItemGroup", payload: data.joinedGroup });
+ })
 
  const ccClickEvent = CometChatUIEvents.ccMouseEvent.subscribe((mouseevent: IMouseEvent) => {
  if (mouseevent.event.type === "click" && (mouseevent.body as { CometChatUserGroupMembersObject: User })?.CometChatUserGroupMembersObject) {
@@ -1408,6 +1414,7 @@ function CometChatHome(props: { theme?: string }) {
  ccConversationDeleted?.unsubscribe();
  ccOpenChat?.unsubscribe();
  ccClickEvent?.unsubscribe();
+ ccGroupJoineed?.unsubscribe();
  };
  }, [newChat, selectedItem]);
 

sample-app/src/components/CometChatJoinGroup/CometChatJoinGroup.tsx

@@ -1,5 +1,5 @@
 import { CometChat, Group, GroupType } from "@cometchat/chat-sdk-javascript";
-import { useContext, useState } from "react";
+import { useContext, useEffect, useRef, useState } from "react";
 import { AppContext } from "../../context/AppContext";
 import "../../styles/CometChatSelector/CometChatSelector.css";
 import { CometChatAvatar, CometChatButton, CometChatGroupEvents, CometChatUIKitLoginListener, getLocalizedString } from "@cometchat/chat-uikit-react";
@@ -20,6 +20,8 @@ export const CometChatJoinGroup = (props: joinPasswordGroupProps) => {
  const [showWrongPassword, setShowWrongPassword] = useState(false);
  const loggedInUser = CometChatUIKitLoginListener.getLoggedInUser();
  const { appState, setAppState } = useContext(AppContext);
+ const inputRef = useRef<HTMLInputElement>(null);
+
 
  const onPasswordChange = (e: React.ChangeEvent<HTMLInputElement>) => {
  setShowWrongPassword(false);
@@ -52,6 +54,15 @@ export const CometChatJoinGroup = (props: joinPasswordGroupProps) => {
  });
  }
 
+ useEffect(() => {
+ const timer = setTimeout(() => {
+ if (inputRef.current) {
+ inputRef.current.focus();
+ }
+ }, 100);
+ return () => clearTimeout(timer);
+ }, [group]);
+ 
  return (
  <div className="join-group-password__wrapper">
  <div className="join-group-password">
@@ -78,7 +89,7 @@ export const CometChatJoinGroup = (props: joinPasswordGroupProps) => {
  <div className="join-group-password__input-label">
  {getLocalizedString("group_password")}
  </div>
- <input placeholder={getLocalizedString("enter_your_password")} value={password} onChange={onPasswordChange} />
+ <input ref={inputRef} placeholder={getLocalizedString("enter_your_password")} value={password} onChange={onPasswordChange} />
  {showWrongPassword && <div className="join-group-password__input-wrong" >
  {getLocalizedString("invalid_password")}
  </div>}

sample-app/src/metaInfo.ts

@@ -1,6 +1,6 @@
 export const metaInfo = {
  name: "sample-app",
- version: "6.0.3",
+ version: "6.0.4",
  type: "sample",
  platform: "React",
 };

src/CometChatUIKit/CometChatUIKit.ts

@@ -100,7 +100,7 @@ class CometChatUIKit {
  return new Promise((resolve, reject) => {
  window.CometChatUiKit = {
  name: "@cometchat/chat-uikit-react",
- version: "6.0.4",
+ version: "6.0.5",
  };
  CometChat.init(uiKitSettings?.appId, appSettings).then(() => {
  CometChat.getLoggedinUser().then((user: CometChat.User | null) => {

src/components/BaseComponents/CometChatTextBubble/CometChatTextBubble.tsx

@@ -42,6 +42,11 @@ const CometChatTextBubble = (props: TextBubbleProps) => {
  const {
  pasteHtml
  } = useCometChatTextBubble({ textFormatters });
+
+ useEffect(()=>{
+ setIsExpanded(false)
+ },[text])
+ 
  /**
  * Check if textFormatters are available
  */

src/components/Calling/CallingExtensionDecorator.tsx

@@ -284,7 +284,7 @@ export class CallingExtensionDecorator extends DataSourceDecorator {
  callBuilder.setCallListener(
  new CometChatUIKitCalls.OngoingCallListener({
  onCallEndButtonPressed: () => {
- CometChatUIEvents.ccShowOngoingCall.next({ child: null });
+ CometChatUIEvents.ccShowOngoingCall.next({ child: null ,message});
  },
  })
  );
@@ -293,7 +293,7 @@ export class CallingExtensionDecorator extends DataSourceDecorator {
  const ongoingCallScreen = (
  <CometChatOngoingCall callSettingsBuilder={callBuilder} sessionID={sessionId} callWorkflow={CallWorkflow.directCalling} />
  );
- CometChatUIEvents.ccShowOngoingCall.next({ child: ongoingCallScreen });
+ CometChatUIEvents.ccShowOngoingCall.next({ child: ongoingCallScreen ,message});
  }
 
 

src/components/Calling/CometChatCallButtons/CometChatCallButtons.tsx

@@ -9,7 +9,7 @@ import { CometChatSoundManager } from "../../../resources/CometChatSoundManager/
 import { CometChatUIKitUtility } from "../../../CometChatUIKit/CometChatUIKitUtility";
 import {getLocalizedString} from "../../../resources/CometChatLocalize/cometchat-localize";
 import { CometChatUIKitConstants } from "../../../constants/CometChatUIKitConstants";
-import { MessageStatus } from "../../../Enums/Enums";
+import { CallWorkflow, MessageStatus } from "../../../Enums/Enums";
 import { CometChatButton } from "../../BaseComponents/CometChatButton/CometChatButton";
 import audioCall from "../../../assets/audio_call_button.svg";
 import videoCall from "../../../assets/video_call_button.svg";
@@ -462,11 +462,11 @@ const CometChatCallButtons = (props: CallButtonsPropsType) => {
  </div>
  ) : null}
  </div>
-
  {showOngoingCall && sessionIdRef.current != null ? (
  <CometChatOngoingCall
  sessionID={sessionIdRef.current}
  callSettingsBuilder={getCallBuilder()}
+ callWorkflow={activeGroup ? CallWorkflow.directCalling : CallWorkflow.defaultCalling}
  />
  ) : null}