@cometchat/chat-uikit-react 6.3.6 → 6.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/assets/mark_unread.svg +3 -0
  2. package/dist/index.d.ts +32 -3
  3. package/dist/index.js +2 -2
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles/CometChatConversations.css +2 -2
  6. package/dist/styles/CometChatEditPreview.css +2 -0
  7. package/dist/styles/CometChatMessageBubble.css +12 -0
  8. package/dist/styles/CometChatMessageList.css +21 -0
  9. package/dist/styles/CometChatModerationView.css +1 -0
  10. package/dist/styles/CometChatThreadHeader.css +4 -0
  11. package/dist/styles/CometChatUsers.css +153 -0
  12. package/dist/styles/StickersKeyboard.css +1 -1
  13. package/dist/styles/components/CometChatConversations.css +2 -2
  14. package/dist/styles/components/CometChatEditPreview.css +2 -0
  15. package/dist/styles/components/CometChatMessageBubble.css +12 -0
  16. package/dist/styles/components/CometChatMessageList.css +21 -0
  17. package/dist/styles/components/CometChatModerationView.css +1 -0
  18. package/dist/styles/components/CometChatThreadHeader.css +4 -0
  19. package/dist/styles/components/CometChatUsers.css +153 -0
  20. package/dist/styles/components/StickersKeyboard.css +1 -1
  21. package/dist/types/components/BaseComponents/CometChatCheckbox/CometChatCheckbox.d.ts +2 -0
  22. package/dist/types/components/BaseComponents/CometChatCheckbox/useCometChatCheckbox.d.ts +4 -1
  23. package/dist/types/components/BaseComponents/CometChatListItem/CometChatListItem.d.ts +2 -0
  24. package/dist/types/components/BaseComponents/CometChatListItem/useCometChatListItem.d.ts +2 -0
  25. package/dist/types/components/CometChatConversations/CometChatConversations.d.ts +6 -0
  26. package/dist/types/components/CometChatMessageList/CometChatMessageList.d.ts +11 -1
  27. package/dist/types/components/CometChatMessageList/CometChatMessageListController.d.ts +6 -0
  28. package/dist/types/components/CometChatSearch/useCometChatSearchConversationsList.d.ts +6 -0
  29. package/dist/types/components/CometChatUsers/CometChatUsers.d.ts +10 -0
  30. package/dist/types/constants/CometChatUIKitConstants.d.ts +1 -0
  31. package/dist/types/events/CometChatConversationEvents.d.ts +2 -0
  32. package/dist/types/utils/MessageUtils.d.ts +1 -1
  33. package/dist/types/utils/MessagesDataSource.d.ts +2 -0
  34. package/package.json +2 -2
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.0385 17.4997L4.0365 19.5015C3.752 19.7861 3.42475 19.8506 3.05475 19.695C2.68492 19.5391 2.5 19.2586 2.5 18.8535V4.30747C2.5 3.8023 2.675 3.37472 3.025 3.02472C3.375 2.67472 3.80258 2.49972 4.30775 2.49972H13.4808C13.6936 2.49972 13.8734 2.57472 14.0203 2.72472C14.1671 2.87472 14.2372 3.05614 14.2308 3.26897C14.2244 3.4753 14.1494 3.64872 14.0057 3.78922C13.8622 3.92955 13.6873 3.99972 13.4808 3.99972H4.30775C4.23075 3.99972 4.16025 4.0318 4.09625 4.09597C4.03208 4.15997 4 4.23047 4 4.30747V17.3845L5.4 15.9997H19.6923C19.7693 15.9997 19.8398 15.9676 19.9038 15.9035C19.9679 15.8395 20 15.769 20 15.692V8.97097C20 8.75814 20.0718 8.57989 20.2155 8.43622C20.359 8.29272 20.5372 8.22097 20.75 8.22097C20.9628 8.22097 21.141 8.29272 21.2845 8.43622C21.4282 8.57989 21.5 8.75814 21.5 8.97097V15.692C21.5 16.1971 21.325 16.6247 20.975 16.9747C20.625 17.3247 20.1974 17.4997 19.6923 17.4997H6.0385ZM19 6.23047C18.2372 6.23047 17.5882 5.96289 17.053 5.42772C16.5177 4.89239 16.25 4.2433 16.25 3.48047C16.25 2.71764 16.5177 2.06864 17.053 1.53347C17.5882 0.998135 18.2372 0.730469 19 0.730469C19.7628 0.730469 20.4118 0.998135 20.947 1.53347C21.4823 2.06864 21.75 2.71764 21.75 3.48047C21.75 4.2433 21.4823 4.89239 20.947 5.42772C20.4118 5.96289 19.7628 6.23047 19 6.23047ZM4 4.30747V16.692V3.99972V4.30747Z" fill="#A1A1A1"/>
3
+ </svg>
package/dist/index.d.ts CHANGED
@@ -1428,6 +1428,7 @@ interface additionalParamsOptions {
1428
1428
  hideDeleteMessageOption?: boolean;
1429
1429
  hideMessagePrivatelyOption?: boolean;
1430
1430
  hideCopyMessageOption?: boolean;
1431
+ hideMarkAsUnreadOption?: boolean;
1431
1432
  hideMessageInfoOption?: boolean;
1432
1433
  hideFlagMessageOption?: boolean;
1433
1434
  }
@@ -1440,6 +1441,7 @@ declare class MessagesDataSource implements DataSource {
1440
1441
  getSendMessagePrivatelyOption(): CometChatActionsIcon;
1441
1442
  getCopyOption(): CometChatActionsIcon;
1442
1443
  getMessageInfoOption(): CometChatActionsIcon;
1444
+ getMarkAsUnreadOption(): CometChatActionsIcon;
1443
1445
  getReportOption(): CometChatActionsIcon;
1444
1446
  isSentByMe(loggedInUser: CometChat.User, message: CometChat.BaseMessage): boolean;
1445
1447
  getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
@@ -3386,7 +3388,7 @@ declare class CallingExtensionDecorator extends DataSourceDecorator {
3386
3388
  getDirectCallMessageBubble(_message: CometChat.CustomMessage, _alignment: MessageBubbleAlignment): react_jsx_runtime.JSX.Element;
3387
3389
  startDirectCall(sessionId: string, message: CometChat.CustomMessage): void;
3388
3390
  getCallActionMessage(_message: CometChat.Call): string;
3389
- getCallStatusClass(message: CometChat.Call): "" | "cometchat-message-bubble__outgoing-call" | "cometchat-message-bubble__incoming-call" | "cometchat-message-bubble__cancelled-call" | "cometchat-message-bubble__rejected-call" | "cometchat-message-bubble__busy-call" | "cometchat-message-bubble__ended-call" | "cometchat-message-bubble__answered-call" | "cometchat-message-bubble__unanswered-call" | "cometchat-message-bubble__missed-call";
3391
+ getCallStatusClass(message: CometChat.Call): "cometchat-message-bubble__outgoing-call" | "cometchat-message-bubble__incoming-call" | "cometchat-message-bubble__cancelled-call" | "cometchat-message-bubble__rejected-call" | "cometchat-message-bubble__busy-call" | "cometchat-message-bubble__ended-call" | "cometchat-message-bubble__answered-call" | "cometchat-message-bubble__unanswered-call" | "cometchat-message-bubble__missed-call" | "";
3390
3392
  getDefaultAudioCallMessageBubble(_message: CometChat.Call, _alignment: MessageBubbleAlignment): react_jsx_runtime.JSX.Element;
3391
3393
  getDefaultVideoCallMessageBubble(_message: CometChat.Call, _alignment: MessageBubbleAlignment): react_jsx_runtime.JSX.Element;
3392
3394
  getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalParams?: any): string;
@@ -4488,6 +4490,11 @@ interface MessageListProps {
4488
4490
  * @default false
4489
4491
  */
4490
4492
  hideMessageInfoOption?: boolean;
4493
+ /**
4494
+ * Shows the option to mark messages as unread.
4495
+ * @default false
4496
+ */
4497
+ showMarkAsUnreadOption?: boolean;
4491
4498
  /**
4492
4499
  * Hides avatars for messages.
4493
4500
  * @default false
@@ -4498,6 +4505,11 @@ interface MessageListProps {
4498
4505
  * @default false
4499
4506
  */
4500
4507
  hideGroupActionMessages?: boolean;
4508
+ /**
4509
+ * If set to true, the message list will start from unread messages.
4510
+ * @default false
4511
+ */
4512
+ startFromUnreadMessages?: boolean;
4501
4513
  /**
4502
4514
  * Unique identifier of the parent message for displaying threaded conversations.
4503
4515
  */
@@ -4538,7 +4550,7 @@ interface MessageListProps {
4538
4550
  scrollToBottomOnNewMessages?: boolean;
4539
4551
  /**
4540
4552
  * Specifies how many message options are visible in the main menu by default.
4541
- * @default 2
4553
+ * @default 3
4542
4554
  */
4543
4555
  quickOptionsCount?: number;
4544
4556
  /**
@@ -4813,6 +4825,16 @@ interface UsersProps {
4813
4825
  * @defaultValue `false`
4814
4826
  */
4815
4827
  showScrollbar?: boolean;
4828
+ /**
4829
+ * Shows a preview of selected users when selectionMode is multiple.
4830
+ *
4831
+ * @remarks
4832
+ * When enabled, displays a preview section with chips showing selected users.
4833
+ * Each chip displays avatar, name, and a close button to remove the user.
4834
+ *
4835
+ * @defaultValue `false`
4836
+ */
4837
+ showSelectedUsersPreview?: boolean;
4816
4838
  }
4817
4839
  /**
4818
4840
  * Renders a scrollable list of users that has been created in a CometChat app
@@ -4946,6 +4968,7 @@ declare class CometChatUIKitConstants {
4946
4968
  translateMessage: "translate";
4947
4969
  reactToMessage: "react";
4948
4970
  messageInformation: "messageInformation";
4971
+ markAsUnread: "markAsUnread";
4949
4972
  flagMessage: "flagMessage";
4950
4973
  copyMessage: "copy";
4951
4974
  shareMessage: "share";
@@ -5149,6 +5172,8 @@ declare class CometChatCallEvents {
5149
5172
  */
5150
5173
  declare class CometChatConversationEvents {
5151
5174
  static ccConversationDeleted: Subject<CometChat.Conversation>;
5175
+ static ccUpdateConversation: Subject<CometChat.Conversation>;
5176
+ static ccMarkConversationAsRead: Subject<CometChat.Conversation>;
5152
5177
  /**
5153
5178
  * Publishes a conversation event.
5154
5179
  * @param {Subject<CometChat.Conversation>} event - The event to publish.
@@ -5424,6 +5449,8 @@ interface CheckboxProps {
5424
5449
  onCheckBoxValueChanged: (input: {
5425
5450
  checked: boolean;
5426
5451
  labelText: string | undefined;
5452
+ shiftKey?: boolean;
5453
+ metaKey?: boolean;
5427
5454
  }) => void;
5428
5455
  }
5429
5456
  declare const CometChatCheckbox: (props: CheckboxProps) => react_jsx_runtime.JSX.Element;
@@ -5541,6 +5568,8 @@ interface ListItemProps {
5541
5568
  title: string;
5542
5569
  onListItemClicked?: (input: {
5543
5570
  id?: string;
5571
+ shiftKey?: boolean;
5572
+ metaKey?: boolean;
5544
5573
  }) => void;
5545
5574
  menuView?: ReactNode;
5546
5575
  subtitleView?: ReactNode;
@@ -5897,7 +5926,7 @@ declare class MessageUtils {
5897
5926
  * @param {MessageBubbleAlignment} alignment - The alignment of the message bubble (left or right).
5898
5927
  * @returns {JSX.Element} - The message bubble component.
5899
5928
  */
5900
- getMessageBubble(baseMessage: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment: MessageBubbleAlignment, messageSentAtDateTimeFormat?: CalendarObject, hideReceipts?: boolean, textFormatters?: CometChatTextFormatter[]): any;
5929
+ getMessageBubble(baseMessage: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment: MessageBubbleAlignment, messageSentAtDateTimeFormat?: CalendarObject, hideReceipts?: boolean, textFormatters?: CometChatTextFormatter[], replyView?: JSX.Element | null): any;
5901
5930
  /**
5902
5931
  *
5903
5932
  * @param {(CometChat.User | CometChat.GroupMember | any)} user