Updated UIKit to v6.2.2

Author: gauravd-cometchat

package.json

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

sample-app/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [6.2.2] - 04-09-2025
+
+## New
+- None
+
+## Enhancements
+- None
+
+## Fixes
+- Fixed missing **localization** in the sample app for **call log details** and the **create group** components.
+
+## Deprecations
+- None
+
+## Removals
+- None
+
 ## [6.2.1] - 22-08-2025
 
 ## New

sample-app/package.json

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

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

@@ -27,18 +27,18 @@ export const CometChatCallDetails = (props: { selectedItem: any, onBack?: () =>
             setSubtitleText("")
             return;
         }
-        setSubtitleText(user?.getStatus());
+        setSubtitleText(getLocalizedString(`call_logs_user_status_${user?.getStatus().toLowerCase()}`));
         CometChat.addUserListener(
             userListenerId,
             new CometChat.UserListener({
                 onUserOnline: (onlineUser: CometChat.User) => {
                     if (user?.getUid() === onlineUser.getUid()) {
-                        setSubtitleText(onlineUser?.getStatus())
+                        setSubtitleText(getLocalizedString(`call_logs_user_status_online`));
                     }
                 },
                 onUserOffline: (offlineUser: CometChat.User) => {
                     if (user?.getUid() === offlineUser?.getUid()) {
-                        setSubtitleText(offlineUser?.getStatus())
+                        setSubtitleText(getLocalizedString(`call_logs_user_status_offline`));
                     }
                 },
             })

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

@@ -69,7 +69,7 @@ const CometChatCreateGroup = ({ setShowCreateGroup, onGroupCreated = () => { } }
             <input
               type="text"
               className='cometchat-create-group__input'
-              placeholder='Enter the group name'
+              placeholder={getLocalizedString("create_group_name_placeholder")}
               value={groupName}
               onChange={(e) => setGroupName(e.target.value)}
               required
@@ -82,7 +82,7 @@ const CometChatCreateGroup = ({ setShowCreateGroup, onGroupCreated = () => { } }
                 autoComplete="new-password"
                 type="password"
                 className='cometchat-create-group__input'
-                placeholder='Enter a password'
+                placeholder={getLocalizedString("create_group_password_placeholder")}
                 value={groupPassword}
                 onChange={(e) => setGroupPassword(e.target.value)}
                 required

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

@@ -548,7 +548,7 @@ function CometChatHome(props: { theme?: string }) {
                         setShowNewChat(false);
 
                     }} />
-                    <div className='cometchat-new-chat-view__header-title'>New Chat</div>
+                    <div className='cometchat-new-chat-view__header-title'>{getLocalizedString('new_chat_title')}</div>
                 </div>
 
                 {/* Tabs for User and Group */}

sample-app/src/locales/de/de.json

@@ -19,6 +19,8 @@
     "create_group_public": "Öffentlich",
     "create_group_private": "Privat",
     "create_group_password": "Passwort",
+    "create_group_name_placeholder": "Gruppennamen eingeben",
+    "create_group_password_placeholder": "Passwort eingeben",
     "name": "Name",
     "create_group": "Gruppe erstellen",
     "ownership_transferred_successfully": "Gruppenbesitz erfolgreich übertragen.",
@@ -61,6 +63,9 @@
     "no_recording_available": "Keine Aufnahme verfügbar",
     "new_group": "Neue Gruppe",
     "call_details": "Anrufdetails",
+    "call_logs_user_status_online": "Online",
+    "call_logs_user_status_offline": "Offline",
+    "new_chat_title": "Neuer Chat",
     "unban": "Entsperren",
     "enter_your_password": "Gib dein Passwort ein",
     "user_group_empty_state": "Wähle einen Benutzer oder eine Gruppe aus der linken Seitenleiste aus und starte dein Gespräch.",

sample-app/src/locales/en-GB/en-GB.json

@@ -19,6 +19,8 @@
     "create_group_public": "Public",
     "create_group_private": "Private",
     "create_group_password": "Password",
+    "create_group_name_placeholder": "Enter the group name",
+    "create_group_password_placeholder": "Enter a password",
     "name": "Name",
     "create_group": "Create Group",
     "ownership_transferred_successfully": "Group ownership transferred successfully.",
@@ -61,6 +63,9 @@
     "no_recording_available": "No recording available",
     "new_group": "New Group",
     "call_details": "Call Details",
+    "call_logs_user_status_online": "Online",
+    "call_logs_user_status_offline": "Offline",
+    "new_chat_title": "New Chat",
     "unban": "Unban",
     "enter_your_password": "Enter your password",
     "user_group_empty_state": "Pick a user or group from the left sidebar call list, and start your conversation.",

sample-app/src/locales/en-US/en-US.json

@@ -19,6 +19,8 @@
     "create_group_public": "Public",
     "create_group_private": "Private",
     "create_group_password": "Password",
+    "create_group_name_placeholder": "Enter the group name",
+    "create_group_password_placeholder": "Enter a password", 
     "name": "Name",
     "create_group": "Create Group",
     "ownership_transferred_successfully": "Group ownership transferred successfully.",
@@ -61,6 +63,9 @@
     "no_recording_available": "No recording available",
     "new_group": "New Group",
     "call_details": "Call Details",
+    "call_logs_user_status_online": "Online",
+    "call_logs_user_status_offline": "Offline",
+    "new_chat_title": "New Chat",
     "unban": "Unban",
     "enter_your_password": "Enter your password",
     "user_group_empty_state": "Pick a user or group from the left sidebar call list, and start your conversation.",

sample-app/src/locales/es/es.json

@@ -19,6 +19,8 @@
     "create_group_public": "Público",
     "create_group_private": "Privado",
     "create_group_password": "Contraseña",
+    "create_group_name_placeholder": "Introduce el nombre del grupo",
+    "create_group_password_placeholder": "Introduce una contraseña",
     "name": "Nombre",
     "create_group": "Crear grupo",
     "ownership_transferred_successfully": "Propiedad del grupo transferida exitosamente.",
@@ -61,6 +63,9 @@
     "no_recording_available": "No hay grabaciones disponibles",
     "new_group": "Nuevo grupo",
     "call_details": "Detalles de la llamada",
+    "call_logs_user_status_online": "En línea",
+    "call_logs_user_status_offline": "Desconectado",
+    "new_chat_title": "Nuevo Chat",
     "unban": "Desbanear",
     "enter_your_password": "Ingresa tu contraseña",
     "user_group_empty_state": "Selecciona un usuario o grupo de la lista de llamadas en la barra lateral izquierda, y comienza tu conversación.",