@sendbird/uikit-react 3.2.6 → 3.3.0-rc.1

package/{ChannelProvider-5e995fe8.js → ChannelProvider-0c8ccbbf.js}

@@ -1,15 +1,15 @@
 import React__default, { useEffect, useCallback, useRef, useMemo, useState, useReducer } from 'react';
-import { U as UserProfileProvider } from './UserProfileContext-4e70ef73.js';
+import { U as UserProfileProvider } from './UserProfileContext-2af91c5b.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { f as format } from './index-041c94d3.js';
-import { a as SEND_USER_MESSAGE, S as SEND_MESSAGE_START, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-b81e5b9b.js';
-import { a as getSendingMessageStatus, b as isReadMessage, c as filterMessageListParams } from './index-ca3ba8a0.js';
+import { f as format } from './index-dfbeafcd.js';
+import { a as SEND_USER_MESSAGE, S as SEND_MESSAGE_START, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-d58e48df.js';
+import { a as getSendingMessageStatus, b as isReadMessage, c as filterMessageListParams } from './index-468659e6.js';
 import './utils/message/getOutgoingMessageState.js';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-51c9f5c3.js';
-import { c as compareIds } from './compareIds-e84966df.js';
-import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from './const-630a8129.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-0df8ccf2.js';
+import { c as compareIds } from './compareIds-bbc4e959.js';
+import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from './const-6e3eaa64.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from './uuid-c41826f3.js';
+import { u as uuidv4 } from './uuid-9f76bbf8.js';
 import { ReplyType } from '@sendbird/chat/message';
 import { EmojiListItems } from './ui/ContextMenu.js';
 import ReactionButton from './ui/ReactionButton.js';
@@ -70,8 +70,8 @@ var messageActionTypes = /*#__PURE__*/Object.freeze({
 const UNDEFINED = 'undefined';
 const {
   SUCCEEDED: SUCCEEDED$1,
-  FAILED: FAILED$1,
-  PENDING: PENDING$1
+  FAILED,
+  PENDING
 } = getSendingMessageStatus();
 const scrollIntoLast = function () {
   let initialTry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -264,7 +264,11 @@ const isSameGroup = (message, comparingMessage, currentChannel) => {
 
   return (message === null || message === void 0 ? void 0 : message.sendingStatus) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sendingStatus) && (message === null || message === void 0 ? void 0 : (_message$sender2 = message.sender) === null || _message$sender2 === void 0 ? void 0 : _message$sender2.userId) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : (_comparingMessage$sen2 = comparingMessage.sender) === null || _comparingMessage$sen2 === void 0 ? void 0 : _comparingMessage$sen2.userId) && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage) && isReadMessage(currentChannel, message) === isReadMessage(currentChannel, comparingMessage);
 };
-const compareMessagesForGrouping = (prevMessage, currMessage, nextMessage, currentChannel) => {
+const compareMessagesForGrouping = (prevMessage, currMessage, nextMessage, currentChannel, replyType) => {
+  if (replyType === 'THREAD' && currMessage !== null && currMessage !== void 0 && currMessage.threadInfo) {
+    return [false, false];
+  }
+
   const sendingStatus = (currMessage === null || currMessage === void 0 ? void 0 : currMessage.sendingStatus) || '';
   const isAcceptable = sendingStatus !== 'pending' && sendingStatus !== 'failed';
   return [isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable, isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable];
@@ -274,7 +278,7 @@ const passUnsuccessfullMessages = (allMessages, newMessage) => {
     sendingStatus = UNDEFINED
   } = newMessage;
 
-  if (sendingStatus === SUCCEEDED$1 || sendingStatus === PENDING$1) {
+  if (sendingStatus === SUCCEEDED$1 || sendingStatus === PENDING) {
     const lastIndexOfSucceededMessage = allMessages.map(message => message.sendingStatus || (message.isAdminMessage && message.isAdminMessage() ? SUCCEEDED$1 : UNDEFINED)).lastIndexOf(SUCCEEDED$1);
 
     if (lastIndexOfSucceededMessage + 1 < allMessages.length) {
@@ -326,9 +330,7 @@ var messagesInitialState = {
 };
 
 const {
-  SUCCEEDED,
-  FAILED,
-  PENDING
+  SUCCEEDED
 } = getSendingMessageStatus();
 
 const getOldestMessageTimeStamp = function () {
@@ -502,10 +504,11 @@ function reducer(state, action) {
 
     case SEND_MESSAGEGE_SUCESS:
       {
-        const newMessages = state.allMessages.map(m => compareIds(m.reqId, action.payload.reqId) ? action.payload : m);
-        [...newMessages].sort((a, b) => a.sendingStatus && b.sendingStatus && a.sendingStatus === SUCCEEDED && (b.sendingStatus === PENDING || b.sendingStatus === FAILED) ? -1 : 1);
+        const message = action.payload;
+        const filteredMessages = state.allMessages.filter(m => (m === null || m === void 0 ? void 0 : m.reqId) !== (message === null || message === void 0 ? void 0 : message.reqId));
+        const pendingIndex = filteredMessages.findIndex(msg => (msg === null || msg === void 0 ? void 0 : msg.sendingStatus) === 'pending' || (msg === null || msg === void 0 ? void 0 : msg.sendingStatus) === 'failed');
         return _objectSpread2(_objectSpread2({}, state), {}, {
-          allMessages: newMessages
+          allMessages: pendingIndex > -1 ? [...filteredMessages.slice(0, pendingIndex), message, ...filteredMessages.slice(pendingIndex)] : [...filteredMessages, message]
         });
       }
 
@@ -529,6 +532,7 @@ function reducer(state, action) {
     case SET_CHANNEL_INVALID:
       {
         return _objectSpread2(_objectSpread2({}, state), {}, {
+          currentGroupChannel: null,
           isInvalid: true
         });
       }
@@ -721,6 +725,7 @@ function reducer(state, action) {
 function useHandleChannelEvents(_a, _b) {
   var sdkInit = _a.sdkInit,
       hasMoreNext = _a.hasMoreNext,
+      currentUserId = _a.currentUserId,
       disableMarkAsRead = _a.disableMarkAsRead,
       currentGroupChannel = _a.currentGroupChannel;
   var sdk = _b.sdk,
@@ -913,9 +918,27 @@ function useHandleChannelEvents(_a, _b) {
               payload: channel
             });
           }
+        },
+        onUserLeft: function (channel, user) {
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            logger.info('Channel | useHandleChannelEvents: onUserLeft', {
+              channel: channel,
+              user: user
+            });
+
+            if ((user === null || user === void 0 ? void 0 : user.userId) === currentUserId) {
+              messagesDispatcher({
+                type: SET_CURRENT_CHANNEL,
+                payload: null
+              });
+            }
+          }
         }
       };
-      logger.info('Channel | useHandleChannelEvents: Setup event handler', channelHandlerId); // Add this group channel handler to the Sendbird chat instance
+      logger.info('Channel | useHandleChannelEvents: Setup event handler', {
+        channelHandlerId: channelHandlerId,
+        channelHandler: channelHandler
+      }); // Add this group channel handler to the Sendbird chat instance
 
       (_a = sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler(channelHandlerId, new GroupChannelHandler(channelHandler));
     }
@@ -1016,7 +1039,7 @@ function useInitialMessagesFetch(_ref, _ref2) {
       messageListParams.isInclusive = true;
       messageListParams.includeReactions = true;
 
-      if (replyType && replyType === 'QUOTE_REPLY') {
+      if (replyType && (replyType === 'QUOTE_REPLY' || replyType === 'THREAD')) {
         messageListParams.includeThreadInfo = true;
         messageListParams.includeParentMessageInfo = true;
         messageListParams.replyType = ReplyType.ONLY_REPLY_TO_CHANNEL;
@@ -1028,7 +1051,7 @@ function useInitialMessagesFetch(_ref, _ref2) {
         });
       }
 
-      if (replyType && replyType === 'QUOTE_REPLY' || userFilledMessageListQuery) {
+      if (replyType && (replyType === 'QUOTE_REPLY' || replyType === 'THREAD') || userFilledMessageListQuery) {
         logger.info('Channel useInitialMessagesFetch: Setup messageListParams', messageListParams);
         messagesDispatcher({
           type: MESSAGE_LIST_PARAMS_CHANGED,
@@ -1188,7 +1211,7 @@ function useScrollCallback(_ref, _ref2) {
       includeReactions: isReactionEnabled
     };
 
-    if (replyType && replyType === 'QUOTE_REPLY') {
+    if (replyType === 'QUOTE_REPLY' || replyType === 'THREAD') {
       messageListParams.includeThreadInfo = true;
       messageListParams.includeParentMessageInfo = true;
       messageListParams.replyType = ReplyType.ONLY_REPLY_TO_CHANNEL;
@@ -1254,7 +1277,7 @@ function useScrollDownCallback(_ref, _ref2) {
       includeReactions: isReactionEnabled
     };
 
-    if (replyType && replyType === 'QUOTE_REPLY') {
+    if (replyType && (replyType === 'QUOTE_REPLY' || replyType === 'THREAD')) {
       messageListParams.includeThreadInfo = true;
       messageListParams.includeParentMessageInfo = true;
       messageListParams.replyType = ReplyType.ONLY_REPLY_TO_CHANNEL;
@@ -1413,7 +1436,7 @@ function useResendMessageCallback(_ref, _ref2) {
       file
     } = failedMessage;
 
-    if (failedMessage && typeof failedMessage.isResendable === 'function' && failedMessage.isResendable()) {
+    if (failedMessage !== null && failedMessage !== void 0 && failedMessage.isResendable) {
       // Move the logic setting sendingStatus to pending into the reducer
       // eslint-disable-next-line no-param-reassign
       failedMessage.requestState = 'pending'; // eslint-disable-next-line no-param-reassign
@@ -1832,6 +1855,13 @@ function useScrollToMessage(_a, _b) {
   }, [setInitialTimeStamp, setAnimatedMessageId, allMessages]);
 }
 
+var ThreadReplySelectType;
+
+(function (ThreadReplySelectType) {
+  ThreadReplySelectType["PARENT"] = "PARENT";
+  ThreadReplySelectType["THREAD"] = "THREAD";
+})(ThreadReplySelectType || (ThreadReplySelectType = {}));
+
 var ChannelContext = /*#__PURE__*/React__default.createContext(undefined);
 
 var ChannelProvider = function (props) {
@@ -1843,6 +1873,7 @@ var ChannelProvider = function (props) {
       _e = props.isMessageGroupingEnabled,
       isMessageGroupingEnabled = _e === void 0 ? true : _e,
       showSearchIcon = props.showSearchIcon,
+      animatedMessage = props.animatedMessage,
       highlightedMessage = props.highlightedMessage,
       startingPoint = props.startingPoint,
       onBeforeSendUserMessage = props.onBeforeSendUserMessage,
@@ -1852,9 +1883,15 @@ var ChannelProvider = function (props) {
       onSearchClick = props.onSearchClick,
       onBackClick = props.onBackClick,
       replyType = props.replyType,
+      _f = props.threadReplySelectType,
+      threadReplySelectType = _f === void 0 ? ThreadReplySelectType.THREAD : _f,
       queries = props.queries,
-      _f = props.disableMarkAsRead,
-      disableMarkAsRead = _f === void 0 ? false : _f;
+      _g = props.disableMarkAsRead,
+      disableMarkAsRead = _g === void 0 ? false : _g,
+      onReplyInThread = props.onReplyInThread,
+      onQuoteMessageClick = props.onQuoteMessageClick,
+      onMessageAnimated = props.onMessageAnimated,
+      onMessageHighlighted = props.onMessageHighlighted;
   var globalStore = useSendbirdStateContext();
   var config = globalStore.config;
   var pubSub = config.pubSub,
@@ -1867,34 +1904,34 @@ var ChannelProvider = function (props) {
   var sdk = (_b = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
   var sdkInit = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.initialized;
 
-  var _g = useState(startingPoint),
-      initialTimeStamp = _g[0],
-      setInitialTimeStamp = _g[1];
+  var _h = useState(startingPoint),
+      initialTimeStamp = _h[0],
+      setInitialTimeStamp = _h[1];
 
   useEffect(function () {
     setInitialTimeStamp(startingPoint);
   }, [startingPoint, channelUrl]);
 
-  var _h = useState(null),
-      animatedMessageId = _h[0],
-      setAnimatedMessageId = _h[1];
+  var _j = useState(0),
+      animatedMessageId = _j[0],
+      setAnimatedMessageId = _j[1];
 
-  var _j = useState(highlightedMessage),
-      highLightedMessageId = _j[0],
-      setHighLightedMessageId = _j[1];
+  var _k = useState(highlightedMessage),
+      highLightedMessageId = _k[0],
+      setHighLightedMessageId = _k[1];
 
   useEffect(function () {
     setHighLightedMessageId(highlightedMessage);
   }, [highlightedMessage]);
   var userFilledMessageListQuery = queries === null || queries === void 0 ? void 0 : queries.messageListParams;
 
-  var _k = useState(null),
-      quoteMessage = _k[0],
-      setQuoteMessage = _k[1];
+  var _l = useState(null),
+      quoteMessage = _l[0],
+      setQuoteMessage = _l[1];
 
-  var _l = useReducer(reducer, messagesInitialState),
-      messagesStore = _l[0],
-      messagesDispatcher = _l[1];
+  var _m = useReducer(reducer, messagesInitialState),
+      messagesStore = _m[0],
+      messagesDispatcher = _m[1];
 
   var scrollRef = useRef(null);
   var allMessages = messagesStore.allMessages,
@@ -1921,7 +1958,13 @@ var ChannelProvider = function (props) {
   }, [emojiContainer]);
   var nicknamesMap = useMemo(function () {
     return usingReaction && currentGroupChannel ? getNicknamesMapFromMembers(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) : new Map();
-  }, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members]); // Scrollup is default scroll for channel
+  }, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members]); // Animate message
+
+  useEffect(function () {
+    if (animatedMessage) {
+      setAnimatedMessageId(animatedMessage);
+    }
+  }, [animatedMessage]); // Scrollup is default scroll for channel
 
   var onScrollCallback = useScrollCallback({
     currentGroupChannel: currentGroupChannel,
@@ -1988,6 +2031,7 @@ var ChannelProvider = function (props) {
   useHandleChannelEvents({
     currentGroupChannel: currentGroupChannel,
     sdkInit: sdkInit,
+    currentUserId: userId,
     hasMoreNext: hasMoreNext,
     disableMarkAsRead: disableMarkAsRead
   }, {
@@ -2060,7 +2104,7 @@ var ChannelProvider = function (props) {
     logger: logger
   });
 
-  var _m = useSendMessageCallback({
+  var _o = useSendMessageCallback({
     currentGroupChannel: currentGroupChannel,
     onBeforeSendUserMessage: onBeforeSendUserMessage,
     isMentionEnabled: isMentionEnabled
@@ -2070,8 +2114,8 @@ var ChannelProvider = function (props) {
     scrollRef: scrollRef,
     messagesDispatcher: messagesDispatcher
   }),
-      messageInputRef = _m[0],
-      sendMessage = _m[1];
+      messageInputRef = _o[0],
+      sendMessage = _o[1];
 
   var sendFileMessage = useSendFileMessageCallback({
     currentGroupChannel: currentGroupChannel,
@@ -2099,8 +2143,13 @@ var ChannelProvider = function (props) {
       onSearchClick: onSearchClick,
       onBackClick: onBackClick,
       replyType: replyType,
+      threadReplySelectType: threadReplySelectType,
       queries: queries,
       disableMarkAsRead: disableMarkAsRead,
+      onReplyInThread: onReplyInThread,
+      onQuoteMessageClick: onQuoteMessageClick,
+      onMessageAnimated: onMessageAnimated,
+      onMessageHighlighted: onMessageHighlighted,
       // messagesStore
       allMessages: allMessages,
       loading: loading,
@@ -2151,5 +2200,5 @@ var useChannelContext = function () {
   return React__default.useContext(ChannelContext);
 };
 
-export { ChannelProvider as C, MARK_AS_READ as M, isDisabledBecauseFrozen as a, isDisabledBecauseMuted as b, compareMessagesForGrouping as c, isOperator as d, isAboutSame as i, useChannelContext as u };
-//# sourceMappingURL=ChannelProvider-5e995fe8.js.map
+export { ChannelProvider as C, MARK_AS_READ as M, ThreadReplySelectType as T, isDisabledBecauseFrozen as a, isDisabledBecauseMuted as b, compareMessagesForGrouping as c, isOperator as d, isAboutSame as i, useChannelContext as u };
+//# sourceMappingURL=ChannelProvider-0c8ccbbf.js.map