@cometchat/chat-uikit-react 6.0.1 → 6.0.3

package/dist/assets/missedCallIcon.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Base_Icon">
+<mask id="mask0_10861_545568" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+<rect id="Bounding box" width="16" height="16" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_10861_545568)">
+<path id="call_missed" d="M3.33325 6.68044V9.46777C3.33325 9.60966 3.28536 9.72844 3.18959 9.82411C3.09392 9.91988 2.97514 9.96777 2.83325 9.96777C2.69136 9.96777 2.57259 9.91988 2.47692 9.82411C2.38114 9.72844 2.33325 9.60966 2.33325 9.46777V5.57027C2.33325 5.3985 2.39075 5.25511 2.50575 5.14011C2.62064 5.02522 2.76403 4.96777 2.93592 4.96777H6.83325C6.97514 4.96777 7.09392 5.01561 7.18959 5.11127C7.28536 5.20705 7.33325 5.32588 7.33325 5.46777C7.33325 5.60966 7.28536 5.72844 7.18959 5.82411C7.09392 5.91988 6.97514 5.96777 6.83325 5.96777H4.03575L7.88459 9.81644C7.92303 9.85488 7.97214 9.87411 8.03192 9.87411C8.09181 9.87411 8.14097 9.85488 8.17942 9.81644L12.6191 5.37677C12.7183 5.27755 12.8344 5.22861 12.9673 5.22994C13.1001 5.23116 13.2183 5.2835 13.3218 5.38694C13.4183 5.49038 13.4683 5.6075 13.4718 5.73827C13.4751 5.86905 13.4251 5.98611 13.3218 6.08944L8.88575 10.5254C8.76531 10.6459 8.63031 10.7352 8.48075 10.7933C8.33109 10.8515 8.18147 10.8806 8.03192 10.8806C7.88236 10.8806 7.73281 10.8515 7.58325 10.7933C7.4337 10.7352 7.29864 10.6459 7.17809 10.5254L3.33325 6.68044Z" fill="#F44649"/>
+</g>
+</g>
+</svg>

package/dist/index.d.ts

@@ -494,6 +494,7 @@ declare class CometChatLocalize {
      * @returns {string} Formatted date string.
      */
     static formatDate(timestamp: number, calendarObject: CalendarObject): string;
+    private static isYesterday;
 }
 declare const getLocalizedString: (str: string) => any;
 
@@ -1291,7 +1292,7 @@ declare class MessagesDataSource implements DataSource {
     getVideoMessageOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getAudioMessageOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getFileMessageOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
-    getReceiptClass(status?: number): "error" | "wait" | "read" | "delivered" | "sent" | undefined;
+    getReceiptClass(status?: number): "error" | "read" | "delivered" | "sent" | "wait" | undefined;
     /**
   * Function to get receipt for message bubble
   * @param {CometChat.BaseMessage} item - The message bubble for which the receipt needs to be fetched
@@ -1386,6 +1387,15 @@ declare class MessagesDataSource implements DataSource {
     getAllTextFormatters(formatterParams: additionalParams): CometChatTextFormatter[];
     getMentionsTextFormatter(params: additionalParams): CometChatMentionsFormatter;
     getUrlTextFormatter(params?: additionalParams): CometChatUrlsFormatter;
+    getFormMessageBubble(message: CometChat$1.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getSchedulerMessageBubble(message: CometChat$1.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getCardMessageBubble(message: CometChat$1.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getFormMessageTemplate(): CometChatMessageTemplate;
+    getSchedulerMessageTemplate(): CometChatMessageTemplate;
+    getCardMessageTemplate(): CometChatMessageTemplate;
+    getFormMessageContentView(message: CometChat$1.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getSchedulerMessageContentView(message: CometChat$1.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getCardMessageContentView(message: CometChat$1.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
 }
 
 /**
@@ -1909,6 +1919,15 @@ declare abstract class DataSource {
     abstract getMentionsTextFormatter(params: Object): CometChatMentionsFormatter;
     abstract getUrlTextFormatter(params: Object): CometChatUrlsFormatter;
     abstract getMentionsFormattedText(message: CometChat.TextMessage, subtitle: string, additionalConfigurations?: Object | undefined): string;
+    abstract getFormMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getSchedulerMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getCardMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getFormMessageTemplate(): CometChatMessageTemplate;
+    abstract getSchedulerMessageTemplate(): CometChatMessageTemplate;
+    abstract getCardMessageTemplate(): CometChatMessageTemplate;
+    abstract getFormMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getSchedulerMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getCardMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
 }
 
 interface CometChatUiKit {
@@ -2104,6 +2123,15 @@ declare abstract class DataSourceDecorator implements DataSource {
     getMentionsTextFormatter(params?: Object): CometChatMentionsFormatter;
     getUrlTextFormatter(params?: Object): CometChatUrlsFormatter;
     getMentionsFormattedText(message: CometChat.TextMessage, subtitle: string, additionalConfigurations: Object): string;
+    getFormMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getSchedulerMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getCardMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getFormMessageTemplate(): CometChatMessageTemplate;
+    getSchedulerMessageTemplate(): CometChatMessageTemplate;
+    getCardMessageTemplate(): CometChatMessageTemplate;
+    getFormMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getSchedulerMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getCardMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
 }
 
 interface ListProps<T> {
@@ -2626,7 +2654,7 @@ declare class LinkPreviewExtensionDecorator extends DataSourceDecorator {
      * @param {any} [additionalConfigurations] - Additional configurations for formatting.
      * @returns {JSX.Element} The JSX element representing the message content view.
      */
-    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): react_jsx_runtime.JSX.Element | Element;
+    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): JSX.Element | Element;
     /**
      * Retrieves the style for the link preview wrapper.
      * @returns {object} The style object for the link preview wrapper.
@@ -2720,7 +2748,7 @@ declare class MessageTranslationExtensionDecorator extends DataSourceDecorator {
      * @param {any} [additionalConfigurations] - Optional additional configurations for the content view.
      * @returns {JSX.Element} The content view for the text message.
      */
-    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): react_jsx_runtime.JSX.Element | Element;
+    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): JSX.Element | Element;
     /**
      * Checks if an option with the specified ID already exists in the options list.
      *
@@ -2927,9 +2955,6 @@ declare class StickersExtensionDecorator extends DataSourceDecorator {
      * @default false
      */
     showStickerKeyboard: boolean;
-    private id;
-    private user?;
-    private group?;
     /**
      * Constructs a new instance of StickersExtensionDecorator.
      * @param dataSource - The data source to be decorated.
@@ -2969,7 +2994,7 @@ declare class StickersExtensionDecorator extends DataSourceDecorator {
      * Sends a sticker message.
      * @param event - The event object containing sticker details.
      */
-    sendSticker(event: any, closeSticker: Function): void;
+    sendSticker(event: any, closeSticker: Function, id: ComposerId): void;
     /**
      * Sends a sticker message.
      * @param event - The event object containing sticker details.
@@ -4433,6 +4458,7 @@ declare class CometChatUIKitConstants {
         custom: string;
         action: string;
         call: string;
+        interactive: string;
     }>;
     static MessageTypes: Readonly<{
         text: string;
@@ -4443,6 +4469,10 @@ declare class CometChatUIKitConstants {
         delete: "delete";
         edited: "edited";
         groupMember: "groupMember";
+        form: "form";
+        card: "card";
+        customInteractive: "customInteractive";
+        scheduler: "scheduler";
     }>;
     static groupMemberAction: Readonly<{
         ROLE: "role";
@@ -4525,7 +4555,6 @@ declare class CometChatUIKitConstants {
         CUSTOM_MESSAGE_RECEIVED: "onCustomMessageReceived";
         TRANSIENT_MESSAGE_RECEIVED: "onTransientMessageReceived";
         INTERACTIVE_MESSAGE_RECEIVED: "onInteractiveMessageReceived";
-        INTERACTION_GOAL_COMPLETED: "onInteractionGoalCompleted";
         DELIVERY: "delivery";
         READ: "read";
         APP_SYSTEM: "app_system";
@@ -4760,6 +4789,10 @@ declare class CometChatMessageEvents {
     static onMessageDeleted: Subject<CometChat.BaseMessage>;
     static onMessageReactionAdded: Subject<CometChat.ReactionEvent>;
     static onMessageReactionRemoved: Subject<CometChat.ReactionEvent>;
+    static onCustomInteractiveMessageReceived: Subject<CometChat.InteractiveMessage>;
+    static onFormMessageReceived: Subject<CometChat.InteractiveMessage>;
+    static onCardMessageReceived: Subject<CometChat.InteractiveMessage>;
+    static onSchedulerMessageReceived: Subject<CometChat.InteractiveMessage>;
 }
 /**
 * Interface for message-related events
@@ -4951,6 +4984,8 @@ interface ContextMenuProps {
     onOptionClicked?: (option: CometChatActionsIcon | CometChatActionsView | CometChatOption) => void;
     placement?: Placement$1;
     closeOnOutsideClick?: boolean;
+    disableBackgroundInteraction?: boolean;
+    useParentContainer?: boolean;
 }
 /**
  * CometChatContextMenu is a composite component used to display menu data in required format.
@@ -5013,6 +5048,9 @@ interface PopoverProps {
     content: ReactNode;
     childClickHandler?: (openContent: Function, event: Event) => void;
     onOutsideClick?: () => void;
+    disableBackgroundInteraction?: boolean;
+    useParentContainer?: boolean;
+    useParentHeight?: boolean;
 }
 declare const CometChatPopover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<{
     openPopover: () => void;
@@ -5039,6 +5077,7 @@ interface ListItemProps {
     trailingView?: ReactNode;
     titleView?: ReactNode;
     leadingView?: ReactNode;
+    stopEventPropagation?: boolean;
 }
 declare const CometChatListItem: (props: ListItemProps) => react_jsx_runtime.JSX.Element;
 
@@ -5445,7 +5484,10 @@ declare function createElement(tagName: string, content?: TreeNode, container?:
 
 declare const dom_createElement: typeof createElement;
 declare namespace dom {
-  export { dom_createElement as createElement, createElement as default };
+  export {
+    dom_createElement as createElement,
+    createElement as default,
+  };
 }
 
 type PlayerOptions = {
@@ -5767,6 +5809,7 @@ declare function isMobileDevice(): boolean;
 declare function sanitizeCalendarObject(calendarObject?: CalendarObject): {
     [k: string]: any;
 };
+declare function fireClickEvent(): void;
 
 /**
  * Utility class for managing local storage with change detection capabilities.
@@ -5991,4 +6034,5 @@ declare function useRefSync<T>(value: T): React__default.MutableRefObject<T>;
 declare function useStateRef<T>(initialValue: T): [T, (node: T) => void];
 declare function useCometChatErrorHandler(onError?: ((error: CometChat.CometChatException) => void) | null): (error: unknown, source?: string) => void;
 
-export { AuxiliaryButtonAlignment, ButtonAction, CalendarObject, CallButtonConfiguration, CallWorkflow, CallingConfiguration, CallingDetailsUtils, CallingExtension, CallingExtensionDecorator, ChatConfigurator, ChatSdkEventInitializer, CollaborativeDocumentConfiguration, CollaborativeDocumentExtension, CollaborativeDocumentExtensionDecorator, CollaborativeWhiteBoardExtensionDecorator, CollaborativeWhiteboardConfiguration, CollaborativeWhiteboardExtension, CometChatActionBubble, CometChatActionSheet, CometChatActions, CometChatActionsIcon, CometChatActionsView, CometChatAudioBubble, CometChatAvatar, CometChatButton, CometChatCallBubble, CometChatCallButtons, CometChatCallEvents, CometChatCallLogs, CometChatChangeScope, CometChatCheckbox, CometChatConfirmDialog, CometChatContextMenu, CometChatConversationEvents, CometChatConversations, CometChatDate, CometChatDeleteBubble, CometChatDocumentBubble, CometChatDropDown, CometChatEditPreview, CometChatEmojiKeyboard, CometChatFileBubble, CometChatFullScreenViewer, CometChatGroupEvents, CometChatGroupMembers, CometChatGroups, CometChatImageBubble, CometChatIncomingCall, CometChatList, CometChatListItem, CometChatLocalize, CometChatMediaRecorder, CometChatMentionsFormatter, CometChatMessageBubble, CometChatMessageComposer, CometChatMessageComposerAction, CometChatMessageEvents, CometChatMessageHeader, CometChatMessageInformation, CometChatMessageList, CometChatMessageOption, CometChatMessageTemplate, CometChatOngoingCall, CometChatOption, CometChatOutgoingCall, CometChatPopover, CometChatRadioButton, CometChatReactionInfo, CometChatReactionList, CometChatReactions, CometChatSearchBar, CometChatTextBubble, CometChatTextFormatter, CometChatThreadHeader, CometChatToast, CometChatUIEvents, CometChatUIKit, CometChatUIKitCalls, CometChatUIKitConstants, CometChatUIKitLoginListener, CometChatUIKitUtility, CometChatUrlsFormatter, CometChatUserEvents, CometChatUserMemberWrapper, CometChatUsers, CometChatUtilityConstants, CometChatVideoBubble, ConversationUtils, DataSource, DataSourceDecorator, DateTimePickerMode, DocumentIconAlignment, ElementType, EnterKeyBehavior, ExtensionsDataSource, GroupMemberUtils, HTTPSRequestMethods, type IActiveChatChanged, type IDialog, type IGroupLeft, type IGroupMemberAdded, type IGroupMemberJoined, type IGroupMemberKickedBanned, type IGroupMemberScopeChanged, type IGroupMemberUnBanned, type IMentionsCountWarning, type IMessages, type IModal, type IMouseEvent, type IOpenChat, type IOwnershipChanged, type IPanel, type IShowOngoingCall, IconButtonAlignment, LabelAlignment, LinkPreviewExtension, LinkPreviewExtensionDecorator, type LocalizationSettings, MentionsTargetElement, MentionsVisibility, MessageBubbleAlignment, MessageListAlignment, MessageReceiptUtils, MessageStatus, MessageTranslationExtension, MessageTranslationExtensionDecorator, MessageUtils, MessagesDataSource, MouseEventSource, OutgoingCallConfiguration, PanelAlignment, Placement$1 as Placement, type PollOptions, PollsConfiguration, PollsExtension, PollsExtensionDecorator, PreviewMessageMode, Receipts, RecordingType, SelectionMode, States, StickersExtension, StickersExtensionDecorator, StorageUtils, TabAlignment, TabsVisibility, ThumbnailGenerationExtension, ThumbnailGenerationExtensionDecorator, TimestampAlignment, TitleAlignment, UIKitSettings, UIKitSettingsBuilder, UserMemberListType, closeCurrentMediaPlayer, convertMinutesToHoursMinutesSeconds, convertSecondsToHoursMinutesSeconds, currentAudioPlayer, currentMediaPlayer, downloadRecordingFromURL, formatDateFromTimestamp, getLocalizedString, getThemeMode, getThemeVariable, isMessageSentByMe, isMissedCall, isMobileDevice, isSafari, isSentByMe, isURL, processFileForAudio, sanitizeCalendarObject, sanitizeHtml, useCometChatErrorHandler, useRefSync, useStateRef, verifyCallUser };
+export { AuxiliaryButtonAlignment, ButtonAction, CalendarObject, CallButtonConfiguration, CallWorkflow, CallingConfiguration, CallingDetailsUtils, CallingExtension, CallingExtensionDecorator, ChatConfigurator, ChatSdkEventInitializer, CollaborativeDocumentConfiguration, CollaborativeDocumentExtension, CollaborativeDocumentExtensionDecorator, CollaborativeWhiteBoardExtensionDecorator, CollaborativeWhiteboardConfiguration, CollaborativeWhiteboardExtension, CometChatActionBubble, CometChatActionSheet, CometChatActions, CometChatActionsIcon, CometChatActionsView, CometChatAudioBubble, CometChatAvatar, CometChatButton, CometChatCallBubble, CometChatCallButtons, CometChatCallEvents, CometChatCallLogs, CometChatChangeScope, CometChatCheckbox, CometChatConfirmDialog, CometChatContextMenu, CometChatConversationEvents, CometChatConversations, CometChatDate, CometChatDeleteBubble, CometChatDocumentBubble, CometChatDropDown, CometChatEditPreview, CometChatEmojiKeyboard, CometChatFileBubble, CometChatFullScreenViewer, CometChatGroupEvents, CometChatGroupMembers, CometChatGroups, CometChatImageBubble, CometChatIncomingCall, CometChatList, CometChatListItem, CometChatLocalize, CometChatMediaRecorder, CometChatMentionsFormatter, CometChatMessageBubble, CometChatMessageComposer, CometChatMessageComposerAction, CometChatMessageEvents, CometChatMessageHeader, CometChatMessageInformation, CometChatMessageList, CometChatMessageOption, CometChatMessageTemplate, CometChatOngoingCall, CometChatOption, CometChatOutgoingCall, CometChatPopover, CometChatRadioButton, CometChatReactionInfo, CometChatReactionList, CometChatReactions, CometChatSearchBar, CometChatTextBubble, CometChatTextFormatter, CometChatThreadHeader, CometChatToast, CometChatUIEvents, CometChatUIKit, CometChatUIKitCalls, CometChatUIKitConstants, CometChatUIKitLoginListener, CometChatUIKitUtility, CometChatUrlsFormatter, CometChatUserEvents, CometChatUserMemberWrapper, CometChatUsers, CometChatUtilityConstants, CometChatVideoBubble, ConversationUtils, DataSource, DataSourceDecorator, DateTimePickerMode, DocumentIconAlignment, ElementType, EnterKeyBehavior, ExtensionsDataSource, GroupMemberUtils, HTTPSRequestMethods, IconButtonAlignment, LabelAlignment, LinkPreviewExtension, LinkPreviewExtensionDecorator, MentionsTargetElement, MentionsVisibility, MessageBubbleAlignment, MessageListAlignment, MessageReceiptUtils, MessageStatus, MessageTranslationExtension, MessageTranslationExtensionDecorator, MessageUtils, MessagesDataSource, MouseEventSource, OutgoingCallConfiguration, PanelAlignment, Placement$1 as Placement, PollsConfiguration, PollsExtension, PollsExtensionDecorator, PreviewMessageMode, Receipts, RecordingType, SelectionMode, States, StickersExtension, StickersExtensionDecorator, StorageUtils, TabAlignment, TabsVisibility, ThumbnailGenerationExtension, ThumbnailGenerationExtensionDecorator, TimestampAlignment, TitleAlignment, UIKitSettings, UIKitSettingsBuilder, UserMemberListType, closeCurrentMediaPlayer, convertMinutesToHoursMinutesSeconds, convertSecondsToHoursMinutesSeconds, currentAudioPlayer, currentMediaPlayer, downloadRecordingFromURL, fireClickEvent, formatDateFromTimestamp, getLocalizedString, getThemeMode, getThemeVariable, isMessageSentByMe, isMissedCall, isMobileDevice, isSafari, isSentByMe, isURL, processFileForAudio, sanitizeCalendarObject, sanitizeHtml, useCometChatErrorHandler, useRefSync, useStateRef, verifyCallUser };
+export type { IActiveChatChanged, IDialog, IGroupLeft, IGroupMemberAdded, IGroupMemberJoined, IGroupMemberKickedBanned, IGroupMemberScopeChanged, IGroupMemberUnBanned, IMentionsCountWarning, IMessages, IModal, IMouseEvent, IOpenChat, IOwnershipChanged, IPanel, IShowOngoingCall, LocalizationSettings, PollOptions };