@cometchat/chat-uikit-react 6.0.5 → 6.0.6

package/dist/styles/CometChatMessageHeader.css

@@ -176,10 +176,4 @@ padding: 0;
     .cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
       display: initial;
     }
-}
-
-@media (min-width: 769px) {
-    .cometchat-message-header__back-button {
-        display: none;
-    }
 }

package/dist/styles/MessageTranslationBubble.css

@@ -36,18 +36,16 @@
   text-align: left;
   white-space: pre-line;
   overflow: auto;
+  width: 100%;
+  display: block;
 }
 
 .cometchat-tanslation-bubble-incoming .cometchat-tanslation-bubble__translated-text {
-  width: 100%;
-  display: flex;
   color: var(--cometchat-neutral-color-900, #141414);
 }
 
 
 .cometchat-tanslation-bubble-outgoing .cometchat-tanslation-bubble__translated-text {
-  width: 100%;
-  display: flex;
   color: var(--cometchat-static-white, #FFF);
 }
 

package/dist/styles/components/CometChatMessageHeader.css

@@ -176,10 +176,4 @@ padding: 0;
     .cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
       display: initial;
     }
-}
-
-@media (min-width: 769px) {
-    .cometchat-message-header__back-button {
-        display: none;
-    }
 }

package/dist/styles/components/MessageTranslationBubble.css

@@ -36,18 +36,16 @@
   text-align: left;
   white-space: pre-line;
   overflow: auto;
+  width: 100%;
+  display: block;
 }
 
 .cometchat-tanslation-bubble-incoming .cometchat-tanslation-bubble__translated-text {
-  width: 100%;
-  display: flex;
   color: var(--cometchat-neutral-color-900, #141414);
 }
 
 
 .cometchat-tanslation-bubble-outgoing .cometchat-tanslation-bubble__translated-text {
-  width: 100%;
-  display: flex;
   color: var(--cometchat-static-white, #FFF);
 }
 

package/dist/types/CometChatUIKit/CometChatUIKitUtility.d.ts

@@ -1,4 +1,3 @@
-import { BaseMessage, CometChat } from "@cometchat/chat-sdk-javascript";
 interface MessageExtensionType {
     hasXSS?: string;
     sanitized_text?: string;

package/dist/types/Enums/Enums.d.ts

@@ -67,7 +67,8 @@ export declare enum TabAlignment {
 export declare enum MessageStatus {
     inprogress = 0,
     success = 1,
-    error = 2
+    error = 2,
+    cancelled = 3
 }
 /**
  * This is used to specify the types of the read receipts for the message.

package/dist/types/components/BaseComponents/CometChatAudioBubble/src/webaudio.d.ts

@@ -31,8 +31,8 @@ declare class WebAudioPlayer extends EventEmitter<WebAudioPlayerEvents> {
     constructor(audioContext?: AudioContext);
     /** Subscribe to an event. Returns an unsubscribe function. */
     addEventListener: <EventName extends keyof WebAudioPlayerEvents>(event: EventName, listener: (...args: WebAudioPlayerEvents[EventName]) => void, options?: {
-        once?: boolean | undefined;
-    } | undefined) => () => void;
+        once?: boolean;
+    }) => () => void;
     /** Unsubscribe from an event */
     removeEventListener: <EventName extends keyof WebAudioPlayerEvents>(event: EventName, listener: (...args: WebAudioPlayerEvents[EventName]) => void) => void;
     load(): Promise<void>;

package/dist/types/components/BaseComponents/CometChatEmojiKeyboard/useCometChatEmojiKeyboard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CometChatEmoji, CometChatEmojiCategory } from "./CometChatEmoji";
 export declare const useCometChatEmojiKeyboard: ({ emojiData, }: {
     emojiData: CometChatEmojiCategory[];

package/dist/types/components/BaseComponents/CometChatListItem/useCometChatListItem.d.ts

@@ -4,7 +4,7 @@ interface ICometChatListItem {
     onListItemClicked?: (input: {
         id: string;
     }) => void;
-    menuRef: React.RefObject<HTMLDivElement>;
+    menuRef: React.RefObject<HTMLDivElement | null>;
 }
 export declare const useCometChatListItem: ({ id, onListItemClicked, menuRef, }: ICometChatListItem) => {
     listItemClick: (event: MouseEvent<HTMLDivElement>) => void;

package/dist/types/components/BaseComponents/CometChatMessageBubble/CometChatMessageBubble.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { CometChatActionsIcon, CometChatActionsView } from "../../../modals";
 import { MessageBubbleAlignment } from "../../../Enums/Enums";
+import { JSX } from 'react';
 /**Interface defining the structure for MessageBubbleProps */
 interface MessageBubbleProps {
     id: string | number;

package/dist/types/components/Calling/CometChatCallLogs/CometChatCallLogs.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { CalendarObject } from "../../../utils/CalendarObject";
+import { JSX } from 'react';
 interface CallLogsProps {
     /**
      * Object representing the active call that is currently selected.

package/dist/types/components/Calling/CometChatIncomingCall/CometChatIncomingCall.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { CometChatUIKitCalls } from "../../../CometChatUIKit/CometChatCalls";
+import { JSX } from 'react';
 interface IncomingCallProps {
     /**
      * The CometChat call object used to initialize and display the incoming call component.

package/dist/types/components/Calling/CometChatOutgoingCall/CometChatOutgoingCall.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 /**
  * Props interface for the outgoing call component
  */

package/dist/types/components/Calling/OutgoingCallConfiguration.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 export declare class OutgoingCallConfiguration {
     disableSoundForCalls?: boolean;
     customSoundForCalls?: string;

package/dist/types/components/CometChatConversations/controller.d.ts

@@ -1,4 +1,3 @@
-import { CometChat } from '@cometchat/chat-sdk-javascript';
 type Args = {
     conversationsRequestBuilder: CometChat.ConversationsRequestBuilder | null;
     errorHandler: (error: unknown, source?: string) => void;

package/dist/types/components/CometChatMessageHeader/CometChatMessageHeader.d.ts

@@ -11,9 +11,15 @@ interface MessageHeaderProps {
     showConversationSummaryButton?: boolean;
     /**
      * Hides the back button in the header in mobile view.
+     * @deprecated Use 'showBackButton' prop instead. This prop is deprecated and will be removed in future versions.
      * @default false
      */
     hideBackButton?: boolean;
+    /**
+     * Hides the back button in the header in mobile view.
+     * @default false
+     */
+    showBackButton?: boolean;
     /**
      * Hides the video call button.
      * @default false

package/dist/types/components/CometChatMessageList/CometChatMessageList.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { CometChatMessageTemplate } from "../../modals";
 import { MessageListAlignment } from "../../Enums/Enums";
 import { CometChatTextFormatter } from "../../formatters/CometChatFormatters/CometChatTextFormatter";
 import { CalendarObject } from "../../utils/CalendarObject";
+import { JSX } from 'react';
 /**
  * Props for the MessageList component.
  */

package/dist/types/components/CometChatThreadHeader/CometChatThreadHeader.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { CometChatMessageTemplate } from "../../modals";
 import { CalendarObject } from "../../utils/CalendarObject";
 import { CometChatTextFormatter } from "../../formatters";
+import { JSX } from 'react';
 interface CometChatThreadHeaderProps {
     /**
      * Hides the visibility of the date header.

package/dist/types/components/CometChatUserMemberWrapper/CometChatUserMemberWrapper.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { UserMemberListType } from '../../Enums/Enums';
+import { JSX } from 'react';
 export interface MentionsProps {
     userMemberListType?: UserMemberListType;
     onItemClick?: (user: CometChat.User | CometChat.GroupMember) => void;

package/dist/types/components/CometChatUsers/controller.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Args = {
     searchText: string;
     usersRequestBuilder: CometChat.UsersRequestBuilder | null;

package/dist/types/components/Extensions/Stickers/StickersExtensionDecorator.d.ts

@@ -1,4 +1,3 @@
-import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { DataSource } from "../../../utils/DataSource";
 import { DataSourceDecorator } from "../../../utils/DataSourceDecorator";
 import { ComposerId } from "../../../utils/MessagesDataSource";

package/dist/types/components/Extensions/ThumbnailGeneration/ThumbnailGenerationExtensionDecorator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceDecorator } from "../../../utils/DataSourceDecorator";
 /**
  * Class representing a Thumbnail Generation extension decorator.
@@ -25,7 +24,7 @@ export declare class ThumbnailGenerationExtensionDecorator extends DataSourceDec
     * @param {ImageBubbleStyle} [style] - Optional style for the image bubble.
     * @returns {React.ReactNode} The rendered image message bubble.
     */
-    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): JSX.Element | Element;
+    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): import("react").JSX.Element | Element;
     /**
      * Provides the video message bubble with support for thumbnail generation.
      * It checks for a thumbnail URL in the message metadata and uses it if available.
@@ -36,5 +35,5 @@ export declare class ThumbnailGenerationExtensionDecorator extends DataSourceDec
      * @param {Function} [onClick] - Optional click event handler.
      * @returns {React.ReactNode} The rendered video message bubble.
      */
-    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): JSX.Element | Element;
+    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): import("react").JSX.Element | Element;
 }

package/dist/types/modals/CometChatActionsView.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { CometChatActions } from "./CometChatActions";
+import { JSX } from 'react';
 /**
  * CometChatActionsView is a pre-defined structure for creating actions
  * that the user can perform on a message with a customized UI view representation.

package/dist/types/modals/CometChatMessageTemplate.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { CometChatMessageOption } from "./CometChatMessageOption";
 import { MessageBubbleAlignment } from "../Enums/Enums";
 import { CalendarObject } from "../utils/CalendarObject";
 import { CometChatTextFormatter } from "../formatters";
+import { JSX } from 'react';
 /**
  * CometChatMessageTemplate is a pre-defined structure for creating message views
  * that can be used as a starting point or blueprint for creating message views,

package/dist/types/utils/DataSource.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
 import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometChatTextFormatter";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
@@ -7,6 +6,7 @@ import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAct
 import { MessageBubbleAlignment } from "../Enums/Enums";
 import { ComposerId } from "./MessagesDataSource";
 import { CalendarObject } from "./CalendarObject";
+import { JSX } from 'react';
 /**
  * Class for providing message options and views.
  * It is used in AI and calling module and utils related to messages.

package/dist/types/utils/DataSourceDecorator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSource } from "./DataSource";
 import { ComposerId } from "./MessagesDataSource";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
@@ -8,6 +7,7 @@ import { additionalParams } from "./ConversationUtils";
 import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAction, CometChatMessageTemplate } from "../modals";
 import { MessageBubbleAlignment } from "../Enums/Enums";
 import { CalendarObject } from "./CalendarObject";
+import { JSX } from 'react';
 /**
  * This class is used in AI, calling and Extension modules.
  */

package/dist/types/utils/MessagesDataSource.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { DataSource } from "./DataSource";
+import { JSX } from "react";
 import { additionalParams } from "./ConversationUtils";
 import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
@@ -56,14 +55,14 @@ export declare class MessagesDataSource implements DataSource {
     getMessageSentAtDateFormat(messageSentAtDateTimeFormat?: CalendarObject): {
         today: string;
         yesterday: string;
-        lastWeek?: string | undefined;
+        lastWeek?: string;
         otherDays: string;
         relativeTime?: {
-            minute?: string | undefined;
-            minutes?: string | undefined;
-            hour?: string | undefined;
-            hours?: string | undefined;
-        } | undefined;
+            minute?: string;
+            minutes?: string;
+            hour?: string;
+            hours?: string;
+        };
     };
     /**
   * Function to get status and date for message bubble

package/package.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": {