sceyt-chat-react-uikit 1.9.1-beta.1 → 1.9.1-beta.3

package/components/SendMessageInput/MentionsPlugin/index.d.ts

@@ -8,19 +8,15 @@ export declare class MentionTypeaheadOption extends MenuOption {
     avatarUrl?: string;
     constructor(name: string, id: string, presence?: any, avatarUrl?: string);
 }
-export default function MentionsPlugin({ contactsMap, userId, getFromContacts, setMentionMember, setMentionsIsOpen, members, channelId }: {
+export default function MentionsPlugin({ contactsMap, userId, getFromContacts, setMentionMember, members, channelId }: {
     contactsMap: IContactsMap;
     userId: string;
     getFromContacts?: boolean;
     setMentionMember: (member: any) => void;
-    setMentionsIsOpen: (state: boolean) => void;
     members: IMember[];
     channelId?: string;
 }): JSX.Element | null;
-export declare const MentionsContainerWrapper: import("styled-components").StyledComponent<"div", any, {
-    mentionsIsOpen?: boolean | undefined;
-    ref?: any;
-}, never>;
+export declare const MentionsContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MemberItem: import("styled-components").StyledComponent<"li", any, {
     isActiveItem?: boolean | undefined;
     activeBackgroundColor: string;

package/index.js

@@ -13503,6 +13503,7 @@ function updateMessageStatusOnMap(channelId, newMarkers, isOwnMarker) {
     var messageShouldBeUpdated = messagesMap[channelId][messageId];
     if (messageShouldBeUpdated) {
       var isExplicit = explicitIds.includes(messageId);
+      if (!isExplicit && messageShouldBeUpdated.deliveryStatus === MESSAGE_DELIVERY_STATUS.PENDING) return;
       if (!isExplicit && shouldSkipDeliveryStatusUpdate(newMarkers.name, messageShouldBeUpdated.deliveryStatus)) return;
       var statusUpdatedMessage = updateMessageDeliveryStatusAndMarkers(messageShouldBeUpdated, {
         deliveryStatus: newMarkers.name,
@@ -14114,6 +14115,7 @@ var messageSlice = createSlice({
         var inMap = !!markersMap[message.id];
         var beforeMax = isForwardMarker && maxMarkerId !== null && !!message.id ? BigInt(message.id) <= maxMarkerId : false;
         if (!inMap && !beforeMax) continue;
+        if (!inMap && message.deliveryStatus === MESSAGE_DELIVERY_STATUS.PENDING) continue;
         if (message.state !== 'Deleted') {
           if (!inMap && shouldSkipDeliveryStatusUpdate(markerName, message.deliveryStatus)) continue;
           var statusUpdatedMessage = updateMessageDeliveryStatusAndMarkers(message, {
@@ -25104,7 +25106,7 @@ var getResolvedChannelLastMessage$1 = function getResolvedChannelLastMessage(cha
 };
 function handleChannelMessageEvent(args, SceytChatClient) {
   var _storedChannel$lastMe3, _storedChannel$lastMe4, _store$getState$Messa, _storedChannel$lastMe9, _message$attachments;
-  var channel, message, messageToHandle, channelFilterTypes, activeChannelId, channelExists, channelForAdd, storedChannel, candidateLastMessage, resolvedLastMessage, messages, lastMessageIsInActiveWindow, isSameLastMessage, resolvedLastMessageUpdate, shouldUpdateLastMessage, shouldUpdateReduxLastMessage, _store$getState$Messa2, _storedChannel$lastMe7, visibleMessagesMap, lastMessageIsVisible, messagesHasNext, existingMessage, tabIsActive, channelDataUpdate, groupName, showNotifications, _tabIsActive, _state$ThemeReducer$n, _state$ThemeReducer$n2, _state$ThemeReducer$n3, _state$ThemeReducer$n4, _state$ThemeReducer$n5, _state$ThemeReducer$n6, contactsMap, getFromContacts, state, theme, accentColor, textSecondary, messageBody;
+  var channel, message, messageToHandle, channelFilterTypes, activeChannelId, channelExists, channelForAdd, storedChannel, candidateLastMessage, resolvedLastMessage, messages, lastMessageIsInActiveWindow, isSameLastMessage, shouldRetainStoredDeliveryStatus, resolvedDeliveryStatus, resolvedLastMessageUpdate, shouldUpdateLastMessage, shouldUpdateReduxLastMessage, _store$getState$Messa2, _storedChannel$lastMe7, visibleMessagesMap, lastMessageIsVisible, messagesHasNext, existingMessage, tabIsActive, channelDataUpdate, groupName, showNotifications, _tabIsActive, _state$ThemeReducer$n, _state$ThemeReducer$n2, _state$ThemeReducer$n3, _state$ThemeReducer$n4, _state$ThemeReducer$n5, _state$ThemeReducer$n6, contactsMap, getFromContacts, state, theme, accentColor, textSecondary, messageBody;
   return _regenerator().w(function (_context2) {
     while (1) switch (_context2.n) {
       case 0:
@@ -25131,9 +25133,11 @@ function handleChannelMessageEvent(args, SceytChatClient) {
           return m.id === ((_storedChannel$lastMe5 = storedChannel.lastMessage) === null || _storedChannel$lastMe5 === void 0 ? void 0 : _storedChannel$lastMe5.id) || (storedChannel === null || storedChannel === void 0 ? void 0 : (_storedChannel$lastMe6 = storedChannel.lastMessage) === null || _storedChannel$lastMe6 === void 0 ? void 0 : _storedChannel$lastMe6.tid) === m.tid;
         }) : false;
         isSameLastMessage = (storedChannel === null || storedChannel === void 0 ? void 0 : storedChannel.lastMessage) && resolvedLastMessage && (resolvedLastMessage.id && storedChannel.lastMessage.id === resolvedLastMessage.id || resolvedLastMessage.tid && storedChannel.lastMessage.tid === resolvedLastMessage.tid);
+        shouldRetainStoredDeliveryStatus = !!isSameLastMessage && shouldSkipDeliveryStatusUpdate(message.deliveryStatus, storedChannel.lastMessage.deliveryStatus);
+        resolvedDeliveryStatus = shouldRetainStoredDeliveryStatus ? storedChannel.lastMessage.deliveryStatus : message.deliveryStatus;
         resolvedLastMessageUpdate = isSameLastMessage ? _extends({}, storedChannel.lastMessage, {
           id: message.id,
-          deliveryStatus: message.deliveryStatus,
+          deliveryStatus: resolvedDeliveryStatus,
           state: MESSAGE_STATUS.UNMODIFIED
         }) : resolvedLastMessage;
         shouldUpdateLastMessage = lastMessageNeedsUpdate$1(storedChannel === null || storedChannel === void 0 ? void 0 : storedChannel.lastMessage, resolvedLastMessageUpdate);
@@ -25180,7 +25184,7 @@ function handleChannelMessageEvent(args, SceytChatClient) {
         _context2.n = 5;
         return effects.put(updateMessageAC(existingMessage.id || existingMessage.tid, _extends({}, existingMessage, {
           id: message.id,
-          deliveryStatus: message.deliveryStatus,
+          deliveryStatus: resolvedDeliveryStatus,
           state: MESSAGE_STATUS.UNMODIFIED
         })));
       case 5:
@@ -25203,7 +25207,9 @@ function handleChannelMessageEvent(args, SceytChatClient) {
           }, 50);
         }
       case 10:
-        addMessageToMap(channel.id, message);
+        addMessageToMap(channel.id, _extends({}, message, {
+          deliveryStatus: resolvedDeliveryStatus
+        }));
         channelDataUpdate = _extends({
           messageCount: channelForAdd.messageCount,
           unread: channelForAdd.unread,
@@ -53715,7 +53721,6 @@ function MentionsContainer(_ref2) {
     selectedIndex = _ref2.selectedIndex,
     selectOptionAndCleanUp = _ref2.selectOptionAndCleanUp,
     setHighlightedIndex = _ref2.setHighlightedIndex,
-    setMentionsIsOpen = _ref2.setMentionsIsOpen,
     channelId = _ref2.channelId,
     alignLeft = _ref2.alignLeft,
     handleLeftOffset = _ref2.handleLeftOffset;
@@ -53757,7 +53762,6 @@ function MentionsContainer(_ref2) {
     };
   }, [selectedIndex]);
   React.useEffect(function () {
-    setMentionsIsOpen(true);
     var menuTimeOut = setTimeout(function () {
       var menuElement = document.getElementById('typeahead-menu');
       if (menuElement) {
@@ -53771,7 +53775,6 @@ function MentionsContainer(_ref2) {
         menuElement.style.zIndex = '-1';
       }
       selectOptionAndCleanUp(null);
-      setMentionsIsOpen(false);
     };
   }, []);
   var handleScroll = React.useCallback(function (e) {
@@ -53821,7 +53824,6 @@ function MentionsPlugin(_ref3) {
     userId = _ref3.userId,
     getFromContacts = _ref3.getFromContacts,
     setMentionMember = _ref3.setMentionMember,
-    setMentionsIsOpen = _ref3.setMentionsIsOpen,
     members = _ref3.members,
     channelId = _ref3.channelId;
   var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
@@ -53895,7 +53897,6 @@ function MentionsPlugin(_ref3) {
       return anchorElementRef.current ? (/*#__PURE__*/React__default.createElement(MentionsContainer, {
         queryString: queryString,
         options: options,
-        setMentionsIsOpen: setMentionsIsOpen,
         selectOptionAndCleanUp: selectOptionAndCleanUp,
         selectedIndex: selectedIndex,
         setHighlightedIndex: setHighlightedIndex,
@@ -56920,56 +56921,53 @@ var SendMessageInput = function SendMessageInput(_ref3) {
   var _useState16 = React.useState(''),
     browser = _useState16[0],
     setBrowser = _useState16[1];
-  var _useState17 = React.useState(false),
-    mentionsIsOpen = _useState17[0],
-    setMentionsIsOpen = _useState17[1];
-  var _useState18 = React.useState(),
-    inputContainerHeight = _useState18[0],
-    setInputContainerHeight = _useState18[1];
+  var _useState17 = React.useState(),
+    inputContainerHeight = _useState17[0],
+    setInputContainerHeight = _useState17[1];
   var selectedText = React.useRef(null);
+  var _useState18 = React.useState(),
+    typingTimout = _useState18[0],
+    setTypingTimout = _useState18[1];
   var _useState19 = React.useState(),
-    typingTimout = _useState19[0],
-    setTypingTimout = _useState19[1];
-  var _useState20 = React.useState(),
-    inTypingStateTimout = _useState20[0],
-    setInTypingStateTimout = _useState20[1];
+    inTypingStateTimout = _useState19[0],
+    setInTypingStateTimout = _useState19[1];
+  var _useState20 = React.useState(false),
+    inTypingState = _useState20[0],
+    setInTypingState = _useState20[1];
   var _useState21 = React.useState(false),
-    inTypingState = _useState21[0],
-    setInTypingState = _useState21[1];
+    sendMessageIsActive = _useState21[0],
+    setSendMessageIsActive = _useState21[1];
   var _useState22 = React.useState(false),
-    sendMessageIsActive = _useState22[0],
-    setSendMessageIsActive = _useState22[1];
-  var _useState23 = React.useState(false),
-    isSendMessageInFlight = _useState23[0],
-    setIsSendMessageInFlight = _useState23[1];
-  var _useState24 = React.useState([]),
-    attachments = _useState24[0],
-    setAttachments = _useState24[1];
+    isSendMessageInFlight = _useState22[0],
+    setIsSendMessageInFlight = _useState22[1];
+  var _useState23 = React.useState([]),
+    attachments = _useState23[0],
+    setAttachments = _useState23[1];
   var attachmentsRef = React.useRef([]);
+  var _useState24 = React.useState(false),
+    forwardPopupOpen = _useState24[0],
+    setForwardPopupOpen = _useState24[1];
   var _useState25 = React.useState(false),
-    forwardPopupOpen = _useState25[0],
-    setForwardPopupOpen = _useState25[1];
+    deletePopupOpen = _useState25[0],
+    setDeletePopupOpen = _useState25[1];
   var _useState26 = React.useState(false),
-    deletePopupOpen = _useState26[0],
-    setDeletePopupOpen = _useState26[1];
-  var _useState27 = React.useState(false),
-    isIncomingMessage = _useState27[0],
-    setIsIncomingMessage = _useState27[1];
-  var _useState28 = React.useState('.jpg,.jpeg,.png,.gif,.mp4,.mov,.avi,.wmv,.flv,.webm,.jfif'),
-    mediaExtensions = _useState28[0],
-    setMediaExtensions = _useState28[1];
-  var _useState29 = React.useState(''),
-    uploadErrorMessage = _useState29[0],
-    setUploadErrorMessage = _useState29[1];
-  var _useState30 = React.useState(false),
-    viewOnce = _useState30[0],
-    setViewOnce = _useState30[1];
-  var _useState31 = React.useState(areDraftMessagesHydrated()),
-    draftsHydrated = _useState31[0],
-    setDraftsHydrated = _useState31[1];
-  var _useState32 = React.useState(activeChannel.id || ''),
-    composerChannelId = _useState32[0],
-    setComposerChannelId = _useState32[1];
+    isIncomingMessage = _useState26[0],
+    setIsIncomingMessage = _useState26[1];
+  var _useState27 = React.useState('.jpg,.jpeg,.png,.gif,.mp4,.mov,.avi,.wmv,.flv,.webm,.jfif'),
+    mediaExtensions = _useState27[0],
+    setMediaExtensions = _useState27[1];
+  var _useState28 = React.useState(''),
+    uploadErrorMessage = _useState28[0],
+    setUploadErrorMessage = _useState28[1];
+  var _useState29 = React.useState(false),
+    viewOnce = _useState29[0],
+    setViewOnce = _useState29[1];
+  var _useState30 = React.useState(areDraftMessagesHydrated()),
+    draftsHydrated = _useState30[0],
+    setDraftsHydrated = _useState30[1];
+  var _useState31 = React.useState(activeChannel.id || ''),
+    composerChannelId = _useState31[0],
+    setComposerChannelId = _useState31[1];
   var typingOrRecordingIndicator = useSelector(typingOrRecordingIndicatorArraySelector(activeChannel.id));
   var contactsMap = useSelector(contactsMapSelector);
   var connectionStatus = useSelector(connectionStatusSelector, reactRedux.shallowEqual);
@@ -56993,36 +56991,36 @@ var SendMessageInput = function SendMessageInput(_ref3) {
       setIsSendMessageInFlight(false);
     });
   };
-  var _useState33 = React.useState(),
-    realEditorState = _useState33[0],
-    setRealEditorState = _useState33[1];
-  var _useState34 = React.useState(null),
-    floatingAnchorElem = _useState34[0],
-    setFloatingAnchorElem = _useState34[1];
+  var _useState32 = React.useState(),
+    realEditorState = _useState32[0],
+    setRealEditorState = _useState32[1];
+  var _useState33 = React.useState(null),
+    floatingAnchorElem = _useState33[0],
+    setFloatingAnchorElem = _useState33[1];
+  var _useState34 = React.useState(false),
+    isSmallWidthViewport = _useState34[0],
+    setIsSmallWidthViewport = _useState34[1];
   var _useState35 = React.useState(false),
-    isSmallWidthViewport = _useState35[0],
-    setIsSmallWidthViewport = _useState35[1];
-  var _useState36 = React.useState(false),
-    isScrolling = _useState36[0],
-    setIsScrolling = _useState36[1];
+    isScrolling = _useState35[0],
+    setIsScrolling = _useState35[1];
+  var _useState36 = React.useState(null),
+    linkPreview = _useState36[0],
+    setLinkPreview = _useState36[1];
   var _useState37 = React.useState(null),
-    linkPreview = _useState37[0],
-    setLinkPreview = _useState37[1];
-  var _useState38 = React.useState(null),
-    detectedUrl = _useState38[0],
-    setDetectedUrl = _useState38[1];
-  var _useState39 = React.useState(new Set()),
-    dismissedUrls = _useState39[0],
-    setDismissedUrls = _useState39[1];
+    detectedUrl = _useState37[0],
+    setDetectedUrl = _useState37[1];
+  var _useState38 = React.useState(new Set()),
+    dismissedUrls = _useState38[0],
+    setDismissedUrls = _useState38[1];
+  var _useState39 = React.useState(false),
+    isClosingPreview = _useState39[0],
+    setIsClosingPreview = _useState39[1];
   var _useState40 = React.useState(false),
-    isClosingPreview = _useState40[0],
-    setIsClosingPreview = _useState40[1];
+    replyLinkPreviewImageFailed = _useState40[0],
+    setReplyLinkPreviewImageFailed = _useState40[1];
   var _useState41 = React.useState(false),
-    replyLinkPreviewImageFailed = _useState41[0],
-    setReplyLinkPreviewImageFailed = _useState41[1];
-  var _useState42 = React.useState(false),
-    linkPreviewImageFailed = _useState42[0],
-    setLinkPreviewImageFailed = _useState42[1];
+    linkPreviewImageFailed = _useState41[0],
+    setLinkPreviewImageFailed = _useState41[1];
   var addAttachmentByMenu = showChooseFileAttachment && showChooseMediaAttachment;
   var linkify = new LinkifyIt();
   var oGMetadata = useSelector(function (state) {
@@ -57292,7 +57290,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
           });
         }
       }
-      if (shouldSend && !mentionsIsOpen) {
+      if (shouldSend) {
         if (isSendMessageInFlightRef.current) {
           event.preventDefault();
           event.stopPropagation();
@@ -58805,7 +58803,6 @@ var SendMessageInput = function SendMessageInput(_ref3) {
     userId: user.id,
     getFromContacts: getFromContacts,
     members: activeChannelMembers,
-    setMentionsIsOpen: setMentionsIsOpen,
     channelId: activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.id
   })), /*#__PURE__*/React__default.createElement(LexicalHistoryPlugin.HistoryPlugin, null), /*#__PURE__*/React__default.createElement(LexicalRichTextPlugin.RichTextPlugin, {
     contentEditable: /*#__PURE__*/React__default.createElement("div", {

package/index.modern.js

@@ -13483,6 +13483,7 @@ function updateMessageStatusOnMap(channelId, newMarkers, isOwnMarker) {
     var messageShouldBeUpdated = messagesMap[channelId][messageId];
     if (messageShouldBeUpdated) {
       var isExplicit = explicitIds.includes(messageId);
+      if (!isExplicit && messageShouldBeUpdated.deliveryStatus === MESSAGE_DELIVERY_STATUS.PENDING) return;
       if (!isExplicit && shouldSkipDeliveryStatusUpdate(newMarkers.name, messageShouldBeUpdated.deliveryStatus)) return;
       var statusUpdatedMessage = updateMessageDeliveryStatusAndMarkers(messageShouldBeUpdated, {
         deliveryStatus: newMarkers.name,
@@ -14094,6 +14095,7 @@ var messageSlice = createSlice({
         var inMap = !!markersMap[message.id];
         var beforeMax = isForwardMarker && maxMarkerId !== null && !!message.id ? BigInt(message.id) <= maxMarkerId : false;
         if (!inMap && !beforeMax) continue;
+        if (!inMap && message.deliveryStatus === MESSAGE_DELIVERY_STATUS.PENDING) continue;
         if (message.state !== 'Deleted') {
           if (!inMap && shouldSkipDeliveryStatusUpdate(markerName, message.deliveryStatus)) continue;
           var statusUpdatedMessage = updateMessageDeliveryStatusAndMarkers(message, {
@@ -25084,7 +25086,7 @@ var getResolvedChannelLastMessage$1 = function getResolvedChannelLastMessage(cha
 };
 function handleChannelMessageEvent(args, SceytChatClient) {
   var _storedChannel$lastMe3, _storedChannel$lastMe4, _store$getState$Messa, _storedChannel$lastMe9, _message$attachments;
-  var channel, message, messageToHandle, channelFilterTypes, activeChannelId, channelExists, channelForAdd, storedChannel, candidateLastMessage, resolvedLastMessage, messages, lastMessageIsInActiveWindow, isSameLastMessage, resolvedLastMessageUpdate, shouldUpdateLastMessage, shouldUpdateReduxLastMessage, _store$getState$Messa2, _storedChannel$lastMe7, visibleMessagesMap, lastMessageIsVisible, messagesHasNext, existingMessage, tabIsActive, channelDataUpdate, groupName, showNotifications, _tabIsActive, _state$ThemeReducer$n, _state$ThemeReducer$n2, _state$ThemeReducer$n3, _state$ThemeReducer$n4, _state$ThemeReducer$n5, _state$ThemeReducer$n6, contactsMap, getFromContacts, state, theme, accentColor, textSecondary, messageBody;
+  var channel, message, messageToHandle, channelFilterTypes, activeChannelId, channelExists, channelForAdd, storedChannel, candidateLastMessage, resolvedLastMessage, messages, lastMessageIsInActiveWindow, isSameLastMessage, shouldRetainStoredDeliveryStatus, resolvedDeliveryStatus, resolvedLastMessageUpdate, shouldUpdateLastMessage, shouldUpdateReduxLastMessage, _store$getState$Messa2, _storedChannel$lastMe7, visibleMessagesMap, lastMessageIsVisible, messagesHasNext, existingMessage, tabIsActive, channelDataUpdate, groupName, showNotifications, _tabIsActive, _state$ThemeReducer$n, _state$ThemeReducer$n2, _state$ThemeReducer$n3, _state$ThemeReducer$n4, _state$ThemeReducer$n5, _state$ThemeReducer$n6, contactsMap, getFromContacts, state, theme, accentColor, textSecondary, messageBody;
   return _regenerator().w(function (_context2) {
     while (1) switch (_context2.n) {
       case 0:
@@ -25111,9 +25113,11 @@ function handleChannelMessageEvent(args, SceytChatClient) {
           return m.id === ((_storedChannel$lastMe5 = storedChannel.lastMessage) === null || _storedChannel$lastMe5 === void 0 ? void 0 : _storedChannel$lastMe5.id) || (storedChannel === null || storedChannel === void 0 ? void 0 : (_storedChannel$lastMe6 = storedChannel.lastMessage) === null || _storedChannel$lastMe6 === void 0 ? void 0 : _storedChannel$lastMe6.tid) === m.tid;
         }) : false;
         isSameLastMessage = (storedChannel === null || storedChannel === void 0 ? void 0 : storedChannel.lastMessage) && resolvedLastMessage && (resolvedLastMessage.id && storedChannel.lastMessage.id === resolvedLastMessage.id || resolvedLastMessage.tid && storedChannel.lastMessage.tid === resolvedLastMessage.tid);
+        shouldRetainStoredDeliveryStatus = !!isSameLastMessage && shouldSkipDeliveryStatusUpdate(message.deliveryStatus, storedChannel.lastMessage.deliveryStatus);
+        resolvedDeliveryStatus = shouldRetainStoredDeliveryStatus ? storedChannel.lastMessage.deliveryStatus : message.deliveryStatus;
         resolvedLastMessageUpdate = isSameLastMessage ? _extends({}, storedChannel.lastMessage, {
           id: message.id,
-          deliveryStatus: message.deliveryStatus,
+          deliveryStatus: resolvedDeliveryStatus,
           state: MESSAGE_STATUS.UNMODIFIED
         }) : resolvedLastMessage;
         shouldUpdateLastMessage = lastMessageNeedsUpdate$1(storedChannel === null || storedChannel === void 0 ? void 0 : storedChannel.lastMessage, resolvedLastMessageUpdate);
@@ -25160,7 +25164,7 @@ function handleChannelMessageEvent(args, SceytChatClient) {
         _context2.n = 5;
         return put(updateMessageAC(existingMessage.id || existingMessage.tid, _extends({}, existingMessage, {
           id: message.id,
-          deliveryStatus: message.deliveryStatus,
+          deliveryStatus: resolvedDeliveryStatus,
           state: MESSAGE_STATUS.UNMODIFIED
         })));
       case 5:
@@ -25183,7 +25187,9 @@ function handleChannelMessageEvent(args, SceytChatClient) {
           }, 50);
         }
       case 10:
-        addMessageToMap(channel.id, message);
+        addMessageToMap(channel.id, _extends({}, message, {
+          deliveryStatus: resolvedDeliveryStatus
+        }));
         channelDataUpdate = _extends({
           messageCount: channelForAdd.messageCount,
           unread: channelForAdd.unread,
@@ -53695,7 +53701,6 @@ function MentionsContainer(_ref2) {
     selectedIndex = _ref2.selectedIndex,
     selectOptionAndCleanUp = _ref2.selectOptionAndCleanUp,
     setHighlightedIndex = _ref2.setHighlightedIndex,
-    setMentionsIsOpen = _ref2.setMentionsIsOpen,
     channelId = _ref2.channelId,
     alignLeft = _ref2.alignLeft,
     handleLeftOffset = _ref2.handleLeftOffset;
@@ -53737,7 +53742,6 @@ function MentionsContainer(_ref2) {
     };
   }, [selectedIndex]);
   useEffect(function () {
-    setMentionsIsOpen(true);
     var menuTimeOut = setTimeout(function () {
       var menuElement = document.getElementById('typeahead-menu');
       if (menuElement) {
@@ -53751,7 +53755,6 @@ function MentionsContainer(_ref2) {
         menuElement.style.zIndex = '-1';
       }
       selectOptionAndCleanUp(null);
-      setMentionsIsOpen(false);
     };
   }, []);
   var handleScroll = useCallback(function (e) {
@@ -53801,7 +53804,6 @@ function MentionsPlugin(_ref3) {
     userId = _ref3.userId,
     getFromContacts = _ref3.getFromContacts,
     setMentionMember = _ref3.setMentionMember,
-    setMentionsIsOpen = _ref3.setMentionsIsOpen,
     members = _ref3.members,
     channelId = _ref3.channelId;
   var _useLexicalComposerCo = useLexicalComposerContext(),
@@ -53875,7 +53877,6 @@ function MentionsPlugin(_ref3) {
       return anchorElementRef.current ? (/*#__PURE__*/React__default.createElement(MentionsContainer, {
         queryString: queryString,
         options: options,
-        setMentionsIsOpen: setMentionsIsOpen,
         selectOptionAndCleanUp: selectOptionAndCleanUp,
         selectedIndex: selectedIndex,
         setHighlightedIndex: setHighlightedIndex,
@@ -56900,56 +56901,53 @@ var SendMessageInput = function SendMessageInput(_ref3) {
   var _useState16 = useState(''),
     browser = _useState16[0],
     setBrowser = _useState16[1];
-  var _useState17 = useState(false),
-    mentionsIsOpen = _useState17[0],
-    setMentionsIsOpen = _useState17[1];
-  var _useState18 = useState(),
-    inputContainerHeight = _useState18[0],
-    setInputContainerHeight = _useState18[1];
+  var _useState17 = useState(),
+    inputContainerHeight = _useState17[0],
+    setInputContainerHeight = _useState17[1];
   var selectedText = useRef(null);
+  var _useState18 = useState(),
+    typingTimout = _useState18[0],
+    setTypingTimout = _useState18[1];
   var _useState19 = useState(),
-    typingTimout = _useState19[0],
-    setTypingTimout = _useState19[1];
-  var _useState20 = useState(),
-    inTypingStateTimout = _useState20[0],
-    setInTypingStateTimout = _useState20[1];
+    inTypingStateTimout = _useState19[0],
+    setInTypingStateTimout = _useState19[1];
+  var _useState20 = useState(false),
+    inTypingState = _useState20[0],
+    setInTypingState = _useState20[1];
   var _useState21 = useState(false),
-    inTypingState = _useState21[0],
-    setInTypingState = _useState21[1];
+    sendMessageIsActive = _useState21[0],
+    setSendMessageIsActive = _useState21[1];
   var _useState22 = useState(false),
-    sendMessageIsActive = _useState22[0],
-    setSendMessageIsActive = _useState22[1];
-  var _useState23 = useState(false),
-    isSendMessageInFlight = _useState23[0],
-    setIsSendMessageInFlight = _useState23[1];
-  var _useState24 = useState([]),
-    attachments = _useState24[0],
-    setAttachments = _useState24[1];
+    isSendMessageInFlight = _useState22[0],
+    setIsSendMessageInFlight = _useState22[1];
+  var _useState23 = useState([]),
+    attachments = _useState23[0],
+    setAttachments = _useState23[1];
   var attachmentsRef = useRef([]);
+  var _useState24 = useState(false),
+    forwardPopupOpen = _useState24[0],
+    setForwardPopupOpen = _useState24[1];
   var _useState25 = useState(false),
-    forwardPopupOpen = _useState25[0],
-    setForwardPopupOpen = _useState25[1];
+    deletePopupOpen = _useState25[0],
+    setDeletePopupOpen = _useState25[1];
   var _useState26 = useState(false),
-    deletePopupOpen = _useState26[0],
-    setDeletePopupOpen = _useState26[1];
-  var _useState27 = useState(false),
-    isIncomingMessage = _useState27[0],
-    setIsIncomingMessage = _useState27[1];
-  var _useState28 = useState('.jpg,.jpeg,.png,.gif,.mp4,.mov,.avi,.wmv,.flv,.webm,.jfif'),
-    mediaExtensions = _useState28[0],
-    setMediaExtensions = _useState28[1];
-  var _useState29 = useState(''),
-    uploadErrorMessage = _useState29[0],
-    setUploadErrorMessage = _useState29[1];
-  var _useState30 = useState(false),
-    viewOnce = _useState30[0],
-    setViewOnce = _useState30[1];
-  var _useState31 = useState(areDraftMessagesHydrated()),
-    draftsHydrated = _useState31[0],
-    setDraftsHydrated = _useState31[1];
-  var _useState32 = useState(activeChannel.id || ''),
-    composerChannelId = _useState32[0],
-    setComposerChannelId = _useState32[1];
+    isIncomingMessage = _useState26[0],
+    setIsIncomingMessage = _useState26[1];
+  var _useState27 = useState('.jpg,.jpeg,.png,.gif,.mp4,.mov,.avi,.wmv,.flv,.webm,.jfif'),
+    mediaExtensions = _useState27[0],
+    setMediaExtensions = _useState27[1];
+  var _useState28 = useState(''),
+    uploadErrorMessage = _useState28[0],
+    setUploadErrorMessage = _useState28[1];
+  var _useState29 = useState(false),
+    viewOnce = _useState29[0],
+    setViewOnce = _useState29[1];
+  var _useState30 = useState(areDraftMessagesHydrated()),
+    draftsHydrated = _useState30[0],
+    setDraftsHydrated = _useState30[1];
+  var _useState31 = useState(activeChannel.id || ''),
+    composerChannelId = _useState31[0],
+    setComposerChannelId = _useState31[1];
   var typingOrRecordingIndicator = useSelector(typingOrRecordingIndicatorArraySelector(activeChannel.id));
   var contactsMap = useSelector(contactsMapSelector);
   var connectionStatus = useSelector(connectionStatusSelector, shallowEqual);
@@ -56973,36 +56971,36 @@ var SendMessageInput = function SendMessageInput(_ref3) {
       setIsSendMessageInFlight(false);
     });
   };
-  var _useState33 = useState(),
-    realEditorState = _useState33[0],
-    setRealEditorState = _useState33[1];
-  var _useState34 = useState(null),
-    floatingAnchorElem = _useState34[0],
-    setFloatingAnchorElem = _useState34[1];
+  var _useState32 = useState(),
+    realEditorState = _useState32[0],
+    setRealEditorState = _useState32[1];
+  var _useState33 = useState(null),
+    floatingAnchorElem = _useState33[0],
+    setFloatingAnchorElem = _useState33[1];
+  var _useState34 = useState(false),
+    isSmallWidthViewport = _useState34[0],
+    setIsSmallWidthViewport = _useState34[1];
   var _useState35 = useState(false),
-    isSmallWidthViewport = _useState35[0],
-    setIsSmallWidthViewport = _useState35[1];
-  var _useState36 = useState(false),
-    isScrolling = _useState36[0],
-    setIsScrolling = _useState36[1];
+    isScrolling = _useState35[0],
+    setIsScrolling = _useState35[1];
+  var _useState36 = useState(null),
+    linkPreview = _useState36[0],
+    setLinkPreview = _useState36[1];
   var _useState37 = useState(null),
-    linkPreview = _useState37[0],
-    setLinkPreview = _useState37[1];
-  var _useState38 = useState(null),
-    detectedUrl = _useState38[0],
-    setDetectedUrl = _useState38[1];
-  var _useState39 = useState(new Set()),
-    dismissedUrls = _useState39[0],
-    setDismissedUrls = _useState39[1];
+    detectedUrl = _useState37[0],
+    setDetectedUrl = _useState37[1];
+  var _useState38 = useState(new Set()),
+    dismissedUrls = _useState38[0],
+    setDismissedUrls = _useState38[1];
+  var _useState39 = useState(false),
+    isClosingPreview = _useState39[0],
+    setIsClosingPreview = _useState39[1];
   var _useState40 = useState(false),
-    isClosingPreview = _useState40[0],
-    setIsClosingPreview = _useState40[1];
+    replyLinkPreviewImageFailed = _useState40[0],
+    setReplyLinkPreviewImageFailed = _useState40[1];
   var _useState41 = useState(false),
-    replyLinkPreviewImageFailed = _useState41[0],
-    setReplyLinkPreviewImageFailed = _useState41[1];
-  var _useState42 = useState(false),
-    linkPreviewImageFailed = _useState42[0],
-    setLinkPreviewImageFailed = _useState42[1];
+    linkPreviewImageFailed = _useState41[0],
+    setLinkPreviewImageFailed = _useState41[1];
   var addAttachmentByMenu = showChooseFileAttachment && showChooseMediaAttachment;
   var linkify = new LinkifyIt();
   var oGMetadata = useSelector(function (state) {
@@ -57272,7 +57270,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
           });
         }
       }
-      if (shouldSend && !mentionsIsOpen) {
+      if (shouldSend) {
         if (isSendMessageInFlightRef.current) {
           event.preventDefault();
           event.stopPropagation();
@@ -58785,7 +58783,6 @@ var SendMessageInput = function SendMessageInput(_ref3) {
     userId: user.id,
     getFromContacts: getFromContacts,
     members: activeChannelMembers,
-    setMentionsIsOpen: setMentionsIsOpen,
     channelId: activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.id
   })), /*#__PURE__*/React__default.createElement(HistoryPlugin, null), /*#__PURE__*/React__default.createElement(RichTextPlugin, {
     contentEditable: /*#__PURE__*/React__default.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sceyt-chat-react-uikit",
-  "version": "1.9.1-beta.1",
+  "version": "1.9.1-beta.3",
   "description": "Interactive React UI Components for Sceyt Chat.",
   "author": "Sceyt",
   "license": "MIT",