Updated UIKit version to 6.0.6

Author: raj-dubey1

package-lock.json

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

package.json

@@ -1,3 +1,14 @@
+## [6.0.5] - 09-05-2025
+
+## New 
+- None
+
+## Enhancements
+- Updated the sample app to handle back button visibility using the `showBackButton` prop instead of relying on CSS for mobile view.
+
+## Fixes
+- None
+
 ## [6.0.4] - 25-04-2025
 
 ## New 

sample-app/CHANGELOG.md

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

sample-app/package.json

@@ -23,6 +23,8 @@ export const CometChatMessages = (props: MessagesViewProps) => {
  } = props;
 
  const [showComposerState, setShowComposerState] = useState<boolean | undefined>(showComposer);
+ const [isMobile, setIsMobile] = useState(window.innerWidth < 768);
+
 
  useEffect(() => {
  setShowComposerState(showComposer);
@@ -31,6 +33,15 @@ export const CometChatMessages = (props: MessagesViewProps) => {
  }
  }, [user, showComposer]);
 
+ useEffect(() => {
+ const handleResize = () => {
+ setIsMobile(window.innerWidth < 768);
+ };
+ 
+ window.addEventListener("resize", handleResize);
+ return () => window.removeEventListener("resize", handleResize);
+ }, []);
+
  return (
  <div className="cometchat-messages-wrapper">
  <div className="cometchat-header-wrapper">
@@ -39,6 +50,7 @@ export const CometChatMessages = (props: MessagesViewProps) => {
  group={group}
  auxiliaryButtonView={headerMenu()}
  onBack={onBack}
+ showBackButton={isMobile}
  />
  </div>
  <div className="cometchat-message-list-wrapper">

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

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

sample-app/src/metaInfo.ts

@@ -10,7 +10,6 @@ var callsSDK: any = null;
 try{
  callsSDK = require('@cometchat/calls-sdk-javascript');
 }catch(e){
- console.warn("⚠️ Calls SDK is not installed. If you want to enable call functionality, install it using:\n\n" + "npm install @cometchat/calls-sdk-javascript\n");
 }
 
 export var CometChatUIKitCalls: any = callsSDK?.CometChatCalls;

src/CometChatUIKit/CometChatCalls.ts

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

src/CometChatUIKit/CometChatUIKit.ts

@@ -75,6 +75,7 @@ export enum MessageStatus {
  inprogress,
  success,
  error,
+ cancelled
 }
 
 /**

src/Enums/Enums.ts

@@ -1,6 +1,7 @@
 import {useEffect, useState } from 'react';
 import { States } from '../../../Enums/Enums';
 import {getLocalizedString} from '../../../resources/CometChatLocalize/cometchat-localize';
+import { JSX } from 'react';
 interface CometChatConversationStarterProps {
  getConversationStarters?: () => Promise<string[]>
  onSuggestionClicked?: (reply: string) => void