Updated UIKit version to 6.0.7

Author: raj-dubey1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.0.6",
+  "version": "6.0.7",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "exports": {

sample-app/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [6.0.6] - 06-06-2025
+
+## New
+- None 
+
+## Enhancements
+- None
+
+## Fixes
+- Fixed missing space in Join Group subtitle view. (e.g., "2members" → "2 members")
+- Cleaned up CSS formatting and syntax, and standardized property imports to use CometChat abstractions.
+
 ## [6.0.5] - 09-05-2025
 
 ## New 

sample-app/package.json

@@ -1,13 +1,13 @@
 {
   "name": "sample-app",
-  "version": "6.0.5",
+  "version": "6.0.6",
   "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.12",
-    "@cometchat/chat-uikit-react": "~6.0.6",
+    "@cometchat/chat-uikit-react": "~6.0.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-router-dom": "6.14.2",

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

@@ -1,7 +1,7 @@
 
 import { CSSProperties, JSX, useCallback, useRef, useState } from "react";
 import '../../styles/CometChatAddMembers/CometChatAddMembers.css';
-import { CometChat, User } from "@cometchat/chat-sdk-javascript";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { useCometChatAddMembers } from "./useCometChatAddMembers";
 import SearchIcon from "../../assets/search.svg";
 import SpinnerIcon from "../../assets/Spinner.svg";
@@ -264,7 +264,7 @@ export function CometChatAddMembers(props: IAddMembersProps) {
         }
     }, [createGroupMemberFromUser, onSelectPropRef]);
 
-    const updateAddMembersList = (user: User) => {
+    const updateAddMembersList = (user: CometChat.User) => {
         const targetUid = user.getUid();
         const tmpMembersToAddList: CometChat.GroupMember[] = [];
         let updated = false;
@@ -393,7 +393,7 @@ export function CometChatAddMembers(props: IAddMembersProps) {
         );
     }
 
-    const onUsersSelected = (user: User) => {
+    const onUsersSelected = (user: CometChat.User) => {
         updateAddMembersList(user);
         if (membersToAddRef.current.length == 0) {
             setIsDisabled(true)

sample-app/src/components/CometChatCallLog/CometChatCallLogDetails.tsx

@@ -1,6 +1,6 @@
 import { ReactNode, useCallback, useEffect, useState } from "react";
 import "../../styles/CometChatCallLog/CometChatCallLogDetails.css";
-import { CometChat, User } from "@cometchat/chat-sdk-javascript";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { CometChatCallDetailsInfo } from "./CometChatCallLogInfo";
 import { CometChatCallDetailsParticipants } from "./CometChatCallLogParticipants";
 import { CometChatCallDetailsRecording } from "./CometChatCallLogRecordings";
@@ -11,7 +11,7 @@ export const CometChatCallDetails = (props: { selectedItem: any, onBack?: () =>
     const { selectedItem, onBack } = props;
     const callDetailTabItems = [getLocalizedString("participants"), getLocalizedString("recording"), getLocalizedString("history")];
     const [activeTab, setActiveTab] = useState("Participants");
-    const [user, setUser] = useState<User>();
+    const [user, setUser] = useState<CometChat.User>();
     const [subtitleText, setSubtitleText] = useState<string>();
 
     function verifyCallUser(call: any, loggedInUser: CometChat.User) {
@@ -53,7 +53,7 @@ export const CometChatCallDetails = (props: { selectedItem: any, onBack?: () =>
         const loggedInUser = CometChatUIKitLoginListener.getLoggedInUser();
         const callUser = verifyCallUser(selectedItem, loggedInUser!);
         if (selectedItem.receiverType === CometChatUIKitConstants.MessageReceiverType.user) {
-            CometChat.getUser(callUser.uid).then((response: User) => {
+            CometChat.getUser(callUser.uid).then((response: CometChat.User) => {
                 setUser(response);
             });
         }

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

@@ -1,13 +1,13 @@
 import React, { useContext, useState } from 'react';
 import "../../styles/CometChatCreateGroup/CometChatCreateGroup.css";
-import { CometChat, Group } from '@cometchat/chat-sdk-javascript';
+import { CometChat } from '@cometchat/chat-sdk-javascript';
 import { AppContext } from '../../context/AppContext';
 import { CometChatGroupEvents, getLocalizedString } from '@cometchat/chat-uikit-react';
 
 
 interface CreateGroupProps {
   setShowCreateGroup: React.Dispatch<React.SetStateAction<boolean>>;
-  onGroupCreated?: (group: Group) => void;
+  onGroupCreated?: (group: CometChat.Group) => void;
 }
 
 const CometChatCreateGroup = ({ setShowCreateGroup, onGroupCreated = () => { } }: CreateGroupProps) => {