@cometchat/chat-uikit-react 6.3.3 → 6.3.5

package/dist/styles/CometChatFlagMessageDialog.css

@@ -0,0 +1,207 @@
+.cometchat-flag-message-dialog {
+  max-width: 400px;
+  width: 100%;
+  height: fit-content;
+  max-height: 100%;
+  flex-shrink: 0;
+  border-radius: var(--cometchat-radius-5);
+  border: 1px solid var(--cometchat-border-color-light);
+  background: var(--cometchat-background-color-01);
+  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
+  overflow: hidden;
+}
+
+.cometchat-flag-message-dialog button {
+  cursor: pointer;
+}
+
+.cometchat-flag-message-dialog__header {
+  padding: var(--cometchat-padding-4) var(--cometchat-padding-4);
+  border-bottom: 1px solid var(--cometchat-border-color-light);
+  border-left: 1px solid var(--cometchat-border-color-light);
+  background: var(--cometchat-background-color-01);
+}
+
+.cometchat-flag-message-dialog__header-main {
+  display: flex;
+  margin-bottom: var(--cometchat-padding-2);
+  align-items: center;
+  gap: var(--cometchat-padding-3);
+  align-self: stretch;
+}
+
+.cometchat-flag-message-dialog__body {
+  width: calc(100% - var(--cometchat-padding-5) * 2);
+  margin-inline: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.cometchat-flag-message-dialog__header-title {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 0px;
+  flex: 1 0 0;
+  overflow: hidden;
+  color: var(--cometchat-text-color-primary);
+  text-overflow: ellipsis;
+  font: var(--cometchat-font-heading2-medium);
+}
+
+.cometchat-flag-message-dialog__header-subtitle {
+  text-align: left;
+  overflow: hidden;
+  color: var(--cometchat-neutral-color-600);
+  text-overflow: ellipsis;
+  font: var(--cometchat-font-body-regular);
+}
+
+.cometchat-flag-message-dialog__reasons {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  gap: 8px;
+  padding: var(--cometchat-padding-4) 0 0 0;
+}
+
+.cometchat-flag-message-dialog__reason {
+  color: var(--cometchat-text-color-primary);
+  background-color: var(--cometchat-background-color-02);
+  border: 1px solid var(--cometchat-border-color-default);
+  border-radius: 16px;
+  cursor: pointer;
+  font: var(--cometchat-font-body-regular);
+  padding: 4px 12px;
+}
+
+.cometchat-flag-message-dialog__reason:hover {
+  background-color: var(--cometchat-neutral-color-200);
+}
+
+.cometchat-flag-message-dialog__reasons .cometchat-flag-message-dialog__reason-selected {
+  color: var(--cometchat-text-color-highlight);
+  background-color: var(--cometchat-extended-primary-color-100);
+  border-color: var(--cometchat-extended-primary-color-200);
+}
+
+.cometchat-flag-message-dialog__remark {
+  display: flex;
+  flex-direction: column;
+  gap: var(--cometchat-padding-2);
+  align-items: flex-start;
+  margin-top: var(--cometchat-margin-6)
+}
+
+.cometchat-flag-message-dialog__remark-label {
+  text-align: left;
+  font: var(--cometchat-font-body-medium);
+  color: var(--cometchat-text-color-primary);
+}
+
+.cometchat-flag-message-dialog__remark-label span {
+  color: var(--cometchat-text-color-tertiary);
+  font: var(--cometchat-font-body-regular);
+}
+
+.cometchat-flag-message-dialog__remark-input {
+  resize: none;
+  width: 100%;
+  overflow: auto;
+  height: 84px;
+  min-height: 84px;
+  max-height: 84px;
+  border: 1px solid var(--cometchat-border-color-light);
+  border-radius: var(--cometchat-radius-2, 8px);
+  background: var(--cometchat-background-color-02);
+  color: var(--cometchat-text-color-primary);
+  font: var(--cometchat-font-body-regular);
+  padding: var(--cometchat-padding-2);
+  caret-color: var(--cometchat-text-color-primary);
+}
+
+.cometchat-flag-message-dialog__remark-input:focus {
+  outline: none;
+}
+
+.cometchat-flag-message-dialog__remark-input::placeholder {
+  color: var(--cometchat-text-color-tertiary);
+}
+
+.cometchat-flag-message-dialog__error{
+  text-align: left;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  font: var(--cometchat-font-body-regular);
+  color: var(--cometchat-error-color);
+  padding: var(--cometchat-padding-2) 0 var(--cometchat-padding-4) 0;
+}
+
+.cometchat-flag-message-dialog__actions {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--cometchat-padding-3);
+  padding: 0 0 var(--cometchat-padding-5) 0;
+}
+
+.cometchat-flag-message-dialog__actions-item{
+  width: 100%;
+}
+
+.cometchat-flag-message-dialog__actions .cometchat:has(> .cometchat-button) {
+  width: 100%;
+  height: 40px;
+  border: none;
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-button {
+  width: 100%;
+  border-radius: var(--cometchat-radius-2, 8px);
+  font: var(--cometchat-font-body-medium);
+}
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-cancel .cometchat-button {
+  background-color: var(--cometchat-background-color-01);
+  border: 1px solid var(--cometchat-border-color-dark);
+}
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-cancel .cometchat-button__text {
+  color: var(--cometchat-text-color-primary);
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button__text {
+  color: var(--cometchat-static-white);
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:disabled{
+  background-color: var(--cometchat-neutral-color-300);
+  border-color: var(--cometchat-neutral-color-300);
+  cursor: not-allowed;
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:has(.cometchat-button__loading-view) {
+  background: var(--cometchat-primary-button-background, #6852D6);
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:disabled .cometchat-button__text{
+  color: var(--cometchat-neutral-color-50);
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:disabled .cometchat-button__icon, .cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:disabled .cometchat-button__text{
+  cursor: not-allowed;
+}
+
+.cometchat-flag-message-dialog__header-close .cometchat-button {
+  height: 24px;
+  width: 24px;
+  padding: 0px;
+  gap: 0px;
+  background: transparent;
+}
+
+@media (max-width: 420px) {
+  .cometchat-flag-message-dialog {
+    width: 95%;
+  }
+}

package/dist/styles/CometChatMessageComposer.css

@@ -165,14 +165,13 @@
 
 /* Mentions wrapper styling */
 .cometchat-mention-list {
+    overflow: auto;
     display: flex;
     flex-direction: column;
-    justify-content: flex-end;
     z-index: 2;
     min-height: 45px;
     padding: 0 0 1px 0;
     width: fit-content;
-    align-self: flex-start;
     min-width: 320px;
     bottom: 100%;
     left: 0;
@@ -182,19 +181,18 @@
     border: 1px solid var(--cometchat-background-color-01);
     background: var(--cometchat-background-color-01);
     box-shadow: 0 12px 16px 4px rgba(16, 24, 40, 0.08), 0 4px 6px 4px rgba(16, 24, 40, 0.03);
-}
-
-.cometchat-mention-list .cometchat-list {
-    max-height: 336px;
+    scrollbar-width: none;
 }
 
 .cometchat-mention-list>.cometchat {
-    overflow: hidden;
     border-radius: inherit;
 }
 .cometchat-mention-list .cometchat-list .cometchat-list__header-title{
     display: none;
 }
+.cometchat-mention-list .cometchat-list__item-wrapper{
+    cursor: pointer;
+}
 
 /* Message input area */
 .cometchat-message-composer__input {

package/dist/styles/CometChatMessageList.css

@@ -722,9 +722,9 @@
 }
 
 /**
- * Styling for the message information popup wrapper to create a centered overlay
+ * Styling for the message information popup wrapper and flag message dialog wrapper to create a centered overlay
  */
-.cometchat-message-information__popup-wrapper {
+.cometchat-message-information__popup-wrapper, .cometchat-message-list__flag-message-dialog-wrapper {
     display: flex;
     position: fixed;
     z-index: 3;
@@ -779,4 +779,9 @@
 .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
 .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
     display: none;
+}
+
+.cometchat-message-list__flag-message-dialog-hide-scrollbar .cometchat-flag-message-dialog__remark-input::-webkit-scrollbar,
+.cometchat-message-list__flag-message-dialog-hide-scrollbar .cometchat-flag-message-dialog__remark-input::-webkit-scrollbar-thumb {
+    display: none;
 }

package/dist/styles/CometChatUserMemberWrapper.css

@@ -0,0 +1,25 @@
+.cometchat-special-mentions-list .cometchat-special-mentions-list__item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
+  color: var(--cometchat-text-color-primary, #141414);
+  font: var(--cometchat-font-heading4-medium, 500 16px Roboto);
+  cursor: pointer;
+}
+
+.cometchat-special-mentions-list .cometchat-special-mentions-list__item:hover {
+  background: var(--cometchat-white-hover, #FAFAFA);
+}
+
+.cometchat-special-mentions-list .cometchat-special-mentions-list__item .cometchat-special-mentions-list__item-name {
+  padding: 5px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.cometchat-special-mentions-list .cometchat-special-mentions-list__item .cometchat-special-mentions-list__item-name .cometchat-special-mentions-list__item-name-subtext{
+  color: var(--cometchat-neutral-color-700);
+  font: var(--cometchat-font-body-regular);
+}

package/dist/styles/components/CometChatFlagMessageDialog.css

@@ -0,0 +1,207 @@
+.cometchat-flag-message-dialog {
+  max-width: 400px;
+  width: 100%;
+  height: fit-content;
+  max-height: 100%;
+  flex-shrink: 0;
+  border-radius: var(--cometchat-radius-5);
+  border: 1px solid var(--cometchat-border-color-light);
+  background: var(--cometchat-background-color-01);
+  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
+  overflow: hidden;
+}
+
+.cometchat-flag-message-dialog button {
+  cursor: pointer;
+}
+
+.cometchat-flag-message-dialog__header {
+  padding: var(--cometchat-padding-4) var(--cometchat-padding-4);
+  border-bottom: 1px solid var(--cometchat-border-color-light);
+  border-left: 1px solid var(--cometchat-border-color-light);
+  background: var(--cometchat-background-color-01);
+}
+
+.cometchat-flag-message-dialog__header-main {
+  display: flex;
+  margin-bottom: var(--cometchat-padding-2);
+  align-items: center;
+  gap: var(--cometchat-padding-3);
+  align-self: stretch;
+}
+
+.cometchat-flag-message-dialog__body {
+  width: calc(100% - var(--cometchat-padding-5) * 2);
+  margin-inline: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.cometchat-flag-message-dialog__header-title {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 0px;
+  flex: 1 0 0;
+  overflow: hidden;
+  color: var(--cometchat-text-color-primary);
+  text-overflow: ellipsis;
+  font: var(--cometchat-font-heading2-medium);
+}
+
+.cometchat-flag-message-dialog__header-subtitle {
+  text-align: left;
+  overflow: hidden;
+  color: var(--cometchat-neutral-color-600);
+  text-overflow: ellipsis;
+  font: var(--cometchat-font-body-regular);
+}
+
+.cometchat-flag-message-dialog__reasons {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  gap: 8px;
+  padding: var(--cometchat-padding-4) 0 0 0;
+}
+
+.cometchat-flag-message-dialog__reason {
+  color: var(--cometchat-text-color-primary);
+  background-color: var(--cometchat-background-color-02);
+  border: 1px solid var(--cometchat-border-color-default);
+  border-radius: 16px;
+  cursor: pointer;
+  font: var(--cometchat-font-body-regular);
+  padding: 4px 12px;
+}
+
+.cometchat-flag-message-dialog__reason:hover {
+  background-color: var(--cometchat-neutral-color-200);
+}
+
+.cometchat-flag-message-dialog__reasons .cometchat-flag-message-dialog__reason-selected {
+  color: var(--cometchat-text-color-highlight);
+  background-color: var(--cometchat-extended-primary-color-100);
+  border-color: var(--cometchat-extended-primary-color-200);
+}
+
+.cometchat-flag-message-dialog__remark {
+  display: flex;
+  flex-direction: column;
+  gap: var(--cometchat-padding-2);
+  align-items: flex-start;
+  margin-top: var(--cometchat-margin-6)
+}
+
+.cometchat-flag-message-dialog__remark-label {
+  text-align: left;
+  font: var(--cometchat-font-body-medium);
+  color: var(--cometchat-text-color-primary);
+}
+
+.cometchat-flag-message-dialog__remark-label span {
+  color: var(--cometchat-text-color-tertiary);
+  font: var(--cometchat-font-body-regular);
+}
+
+.cometchat-flag-message-dialog__remark-input {
+  resize: none;
+  width: 100%;
+  overflow: auto;
+  height: 84px;
+  min-height: 84px;
+  max-height: 84px;
+  border: 1px solid var(--cometchat-border-color-light);
+  border-radius: var(--cometchat-radius-2, 8px);
+  background: var(--cometchat-background-color-02);
+  color: var(--cometchat-text-color-primary);
+  font: var(--cometchat-font-body-regular);
+  padding: var(--cometchat-padding-2);
+  caret-color: var(--cometchat-text-color-primary);
+}
+
+.cometchat-flag-message-dialog__remark-input:focus {
+  outline: none;
+}
+
+.cometchat-flag-message-dialog__remark-input::placeholder {
+  color: var(--cometchat-text-color-tertiary);
+}
+
+.cometchat-flag-message-dialog__error{
+  text-align: left;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  font: var(--cometchat-font-body-regular);
+  color: var(--cometchat-error-color);
+  padding: var(--cometchat-padding-2) 0 var(--cometchat-padding-4) 0;
+}
+
+.cometchat-flag-message-dialog__actions {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--cometchat-padding-3);
+  padding: 0 0 var(--cometchat-padding-5) 0;
+}
+
+.cometchat-flag-message-dialog__actions-item{
+  width: 100%;
+}
+
+.cometchat-flag-message-dialog__actions .cometchat:has(> .cometchat-button) {
+  width: 100%;
+  height: 40px;
+  border: none;
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-button {
+  width: 100%;
+  border-radius: var(--cometchat-radius-2, 8px);
+  font: var(--cometchat-font-body-medium);
+}
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-cancel .cometchat-button {
+  background-color: var(--cometchat-background-color-01);
+  border: 1px solid var(--cometchat-border-color-dark);
+}
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-cancel .cometchat-button__text {
+  color: var(--cometchat-text-color-primary);
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button__text {
+  color: var(--cometchat-static-white);
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:disabled{
+  background-color: var(--cometchat-neutral-color-300);
+  border-color: var(--cometchat-neutral-color-300);
+  cursor: not-allowed;
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:has(.cometchat-button__loading-view) {
+  background: var(--cometchat-primary-button-background, #6852D6);
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:disabled .cometchat-button__text{
+  color: var(--cometchat-neutral-color-50);
+}
+
+.cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:disabled .cometchat-button__icon, .cometchat-flag-message-dialog__actions .cometchat-flag-message-dialog__actions-submit .cometchat-button:disabled .cometchat-button__text{
+  cursor: not-allowed;
+}
+
+.cometchat-flag-message-dialog__header-close .cometchat-button {
+  height: 24px;
+  width: 24px;
+  padding: 0px;
+  gap: 0px;
+  background: transparent;
+}
+
+@media (max-width: 420px) {
+  .cometchat-flag-message-dialog {
+    width: 95%;
+  }
+}

package/dist/styles/components/CometChatMessageComposer.css

@@ -165,14 +165,13 @@
 
 /* Mentions wrapper styling */
 .cometchat-mention-list {
+    overflow: auto;
     display: flex;
     flex-direction: column;
-    justify-content: flex-end;
     z-index: 2;
     min-height: 45px;
     padding: 0 0 1px 0;
     width: fit-content;
-    align-self: flex-start;
     min-width: 320px;
     bottom: 100%;
     left: 0;
@@ -182,19 +181,18 @@
     border: 1px solid var(--cometchat-background-color-01);
     background: var(--cometchat-background-color-01);
     box-shadow: 0 12px 16px 4px rgba(16, 24, 40, 0.08), 0 4px 6px 4px rgba(16, 24, 40, 0.03);
-}
-
-.cometchat-mention-list .cometchat-list {
-    max-height: 336px;
+    scrollbar-width: none;
 }
 
 .cometchat-mention-list>.cometchat {
-    overflow: hidden;
     border-radius: inherit;
 }
 .cometchat-mention-list .cometchat-list .cometchat-list__header-title{
     display: none;
 }
+.cometchat-mention-list .cometchat-list__item-wrapper{
+    cursor: pointer;
+}
 
 /* Message input area */
 .cometchat-message-composer__input {

package/dist/styles/components/CometChatMessageList.css

@@ -722,9 +722,9 @@
 }
 
 /**
- * Styling for the message information popup wrapper to create a centered overlay
+ * Styling for the message information popup wrapper and flag message dialog wrapper to create a centered overlay
  */
-.cometchat-message-information__popup-wrapper {
+.cometchat-message-information__popup-wrapper, .cometchat-message-list__flag-message-dialog-wrapper {
     display: flex;
     position: fixed;
     z-index: 3;
@@ -779,4 +779,9 @@
 .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
 .cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
     display: none;
+}
+
+.cometchat-message-list__flag-message-dialog-hide-scrollbar .cometchat-flag-message-dialog__remark-input::-webkit-scrollbar,
+.cometchat-message-list__flag-message-dialog-hide-scrollbar .cometchat-flag-message-dialog__remark-input::-webkit-scrollbar-thumb {
+    display: none;
 }

package/dist/styles/components/CometChatUserMemberWrapper.css

@@ -0,0 +1,25 @@
+.cometchat-special-mentions-list .cometchat-special-mentions-list__item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
+  color: var(--cometchat-text-color-primary, #141414);
+  font: var(--cometchat-font-heading4-medium, 500 16px Roboto);
+  cursor: pointer;
+}
+
+.cometchat-special-mentions-list .cometchat-special-mentions-list__item:hover {
+  background: var(--cometchat-white-hover, #FAFAFA);
+}
+
+.cometchat-special-mentions-list .cometchat-special-mentions-list__item .cometchat-special-mentions-list__item-name {
+  padding: 5px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.cometchat-special-mentions-list .cometchat-special-mentions-list__item .cometchat-special-mentions-list__item-name .cometchat-special-mentions-list__item-name-subtext{
+  color: var(--cometchat-neutral-color-700);
+  font: var(--cometchat-font-body-regular);
+}

package/dist/styles/components/index.css

@@ -62,6 +62,8 @@
 @import url('./CometChatAIAssistantChatHistory.css');
 @import url('./CometChatErrorView.css');
 @import url('./CometChatMessagePreview.css');
+@import url('./CometChatFlagMessageDialog.css');
+@import url('./CometChatUserMemberWrapper.css');
 /* @import url('./CometChatToolCallResultBubble.css');
 @import url('./CometChatToolCallArgumentBubble.css'); */
 .cometchat * {

package/dist/styles/index.css

@@ -62,6 +62,8 @@
 @import url('./CometChatAIAssistantChatHistory.css');
 @import url('./CometChatErrorView.css');
 @import url('./CometChatMessagePreview.css');
+@import url('./CometChatFlagMessageDialog.css');
+@import url('./CometChatUserMemberWrapper.css');
 /* @import url('./CometChatToolCallResultBubble.css');
 @import url('./CometChatToolCallArgumentBubble.css'); */
 .cometchat * {

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

@@ -17,6 +17,7 @@ type Args = {
     activeConversation: Conversation | null;
     setActiveConversationState: React.Dispatch<React.SetStateAction<Conversation | null>>;
     hideUserStatus?: boolean;
+    hideConversation: (conversationsRequest: CometChat.ConversationsRequest | null, message: CometChat.BaseMessage) => boolean;
 };
 export declare function useCometChatConversations(args: Args): void;
 export {};

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

@@ -0,0 +1,29 @@
+interface CometChatFlagMessageDialogProps {
+    message: CometChat.BaseMessage;
+    /**
+     * Callback triggered when the dialog is closed.
+     * @returns void
+     */
+    onClose?: () => void;
+    /**
+     * Callback triggered when an error occurs when trying to flag a message.
+     * @param error - An instance of `CometChat.CometChatException` representing the error.
+     * @returns void
+     */
+    onError?: ((error: CometChat.CometChatException) => void) | null;
+    /**
+     * Callback triggered when the flag report is submitted.
+     * @param messageId - ID of the message being flagged.
+     * @param reasonId - ID of the reason for flagging the message.
+     * @param remark - Optional remark provided by the user.
+     * @returns A promise that resolves to a boolean indicating the success of the flagging operation.
+     */
+    onSubmit?: (messageId: string, reasonId: string, remark?: string) => Promise<boolean>;
+    /**
+     * Boolean to hide the remark input field.
+     * @defaultValue `false`
+     */
+    hideFlagRemarkField?: boolean;
+}
+declare const CometChatFlagMessageDialog: (props: CometChatFlagMessageDialogProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatFlagMessageDialog };

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

@@ -159,6 +159,27 @@ interface MessageComposerProps {
    * @defaultValue ""
    */
     placeholderText?: string;
+    /**
+     * Boolean to show or hide "@all" mention functionality in group chats.
+      * @defaultValue `false`
+    */
+    disableMentionAll?: boolean;
+    /** The mentionAll label for the app used to render "@all" mentions
+     * @defaultValue "all"
+    */
+    mentionAllLabel?: string;
+    /**
+     * Custom request builder for mentions user list.
+     * @defaultValue `undefined` - Uses default internal request builder.
+     *
+     */
+    mentionsUsersRequestBuilder?: CometChat.UsersRequestBuilder;
+    /**
+     * Custom request builder for mentions group members list.
+     * @defaultValue `undefined` - Uses default internal request builder
+     *
+     */
+    mentionsGroupMembersRequestBuilder?: CometChat.GroupMembersRequestBuilder;
 }
 /**
  * Represents the state of the message composer.

package/dist/types/components/CometChatMessageComposer/useCometChatMessageComposer.d.ts

@@ -11,7 +11,6 @@ type Args = {
     pasteHtmlAtCaret: (text: string) => void;
     renderSanitizedHtml: (text: string) => void;
     textFormatters: Array<CometChatTextFormatter>;
-    disableMentions: boolean;
     textFormatterArray: Array<CometChatTextFormatter>;
     mentionsTextFormatterInstanceRef: React.MutableRefObject<CometChatMentionsFormatter>;
     setTextFormatters: React.Dispatch<React.SetStateAction<CometChatTextFormatter[]>>;
@@ -43,6 +42,8 @@ type Args = {
     getCurrentDocument: () => Document;
     onTextChange: ((text: string) => void) | undefined;
     messageToReplyRef: React.MutableRefObject<CometChat.BaseMessage | null>;
+    mentionsUsersRequestBuilder?: CometChat.UsersRequestBuilder;
+    mentionsGroupMembersRequestBuilder?: CometChat.GroupMembersRequestBuilder;
 };
 export declare function useCometChatMessageComposer(args: Args): void;
 export {};