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

package/cjs/{ChannelProvider-4dd6e426.js → ChannelProvider-0151b6ec.js}

@@ -1,17 +1,17 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('./UserProfileContext-c16bb529.js');
+var UserProfileContext = require('./UserProfileContext-a411f7b7.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var index$1 = require('./index-1042f264.js');
-var topics = require('./topics-fd2124f5.js');
-var index = require('./index-1218eab2.js');
+var index$1 = require('./index-858d4ced.js');
+var topics = require('./topics-6a30e46d.js');
+var index = require('./index-c015580f.js');
 require('./utils/message/getOutgoingMessageState.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-23c0e950.js');
-var compareIds = require('./compareIds-c670ae57.js');
-var _const = require('./const-0095baf3.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-3886e03a.js');
+var compareIds = require('./compareIds-fc53942c.js');
+var _const = require('./const-d025f0a2.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('./uuid-2a459d4b.js');
+var uuid = require('./uuid-de38f276.js');
 var message = require('@sendbird/chat/message');
 var ui_ContextMenu = require('./ui/ContextMenu.js');
 var ui_ReactionButton = require('./ui/ReactionButton.js');
@@ -76,8 +76,8 @@ var messageActionTypes = /*#__PURE__*/Object.freeze({
 const UNDEFINED = 'undefined';
 const {
   SUCCEEDED: SUCCEEDED$1,
-  FAILED: FAILED$1,
-  PENDING: PENDING$1
+  FAILED,
+  PENDING
 } = index.getSendingMessageStatus();
 const scrollIntoLast = function () {
   let initialTry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -270,7 +270,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) && index.isReadMessage(currentChannel, message) === index.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];
@@ -280,7 +284,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) {
@@ -332,9 +336,7 @@ var messagesInitialState = {
 };
 
 const {
-  SUCCEEDED,
-  FAILED,
-  PENDING
+  SUCCEEDED
 } = index.getSendingMessageStatus();
 
 const getOldestMessageTimeStamp = function () {
@@ -508,10 +510,11 @@ function reducer(state, action) {
 
     case SEND_MESSAGEGE_SUCESS:
       {
-        const newMessages = state.allMessages.map(m => compareIds.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 _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allMessages: newMessages
+          allMessages: pendingIndex > -1 ? [...filteredMessages.slice(0, pendingIndex), message, ...filteredMessages.slice(pendingIndex)] : [...filteredMessages, message]
         });
       }
 
@@ -535,6 +538,7 @@ function reducer(state, action) {
     case SET_CHANNEL_INVALID:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          currentGroupChannel: null,
           isInvalid: true
         });
       }
@@ -727,6 +731,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,
@@ -919,9 +924,27 @@ function useHandleChannelEvents(_a, _b) {
               payload: channel
             });
           }
+        },
+        onUserLeft: function (channel, user) {
+          if (compareIds.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 groupChannel.GroupChannelHandler(channelHandler));
     }
@@ -1022,7 +1045,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 = message.ReplyType.ONLY_REPLY_TO_CHANNEL;
@@ -1034,7 +1057,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,
@@ -1194,7 +1217,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 = message.ReplyType.ONLY_REPLY_TO_CHANNEL;
@@ -1260,7 +1283,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 = message.ReplyType.ONLY_REPLY_TO_CHANNEL;
@@ -1419,7 +1442,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
@@ -1838,6 +1861,13 @@ function useScrollToMessage(_a, _b) {
   }, [setInitialTimeStamp, setAnimatedMessageId, allMessages]);
 }
 
+exports.ThreadReplySelectType = void 0;
+
+(function (ThreadReplySelectType) {
+  ThreadReplySelectType["PARENT"] = "PARENT";
+  ThreadReplySelectType["THREAD"] = "THREAD";
+})(exports.ThreadReplySelectType || (exports.ThreadReplySelectType = {}));
+
 var ChannelContext = /*#__PURE__*/React__default["default"].createContext(undefined);
 
 var ChannelProvider = function (props) {
@@ -1849,6 +1879,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,
@@ -1858,9 +1889,15 @@ var ChannelProvider = function (props) {
       onSearchClick = props.onSearchClick,
       onBackClick = props.onBackClick,
       replyType = props.replyType,
+      _f = props.threadReplySelectType,
+      threadReplySelectType = _f === void 0 ? exports.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,
@@ -1873,34 +1910,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 = React.useState(startingPoint),
-      initialTimeStamp = _g[0],
-      setInitialTimeStamp = _g[1];
+  var _h = React.useState(startingPoint),
+      initialTimeStamp = _h[0],
+      setInitialTimeStamp = _h[1];
 
   React.useEffect(function () {
     setInitialTimeStamp(startingPoint);
   }, [startingPoint, channelUrl]);
 
-  var _h = React.useState(null),
-      animatedMessageId = _h[0],
-      setAnimatedMessageId = _h[1];
+  var _j = React.useState(0),
+      animatedMessageId = _j[0],
+      setAnimatedMessageId = _j[1];
 
-  var _j = React.useState(highlightedMessage),
-      highLightedMessageId = _j[0],
-      setHighLightedMessageId = _j[1];
+  var _k = React.useState(highlightedMessage),
+      highLightedMessageId = _k[0],
+      setHighLightedMessageId = _k[1];
 
   React.useEffect(function () {
     setHighLightedMessageId(highlightedMessage);
   }, [highlightedMessage]);
   var userFilledMessageListQuery = queries === null || queries === void 0 ? void 0 : queries.messageListParams;
 
-  var _k = React.useState(null),
-      quoteMessage = _k[0],
-      setQuoteMessage = _k[1];
+  var _l = React.useState(null),
+      quoteMessage = _l[0],
+      setQuoteMessage = _l[1];
 
-  var _l = React.useReducer(reducer, messagesInitialState),
-      messagesStore = _l[0],
-      messagesDispatcher = _l[1];
+  var _m = React.useReducer(reducer, messagesInitialState),
+      messagesStore = _m[0],
+      messagesDispatcher = _m[1];
 
   var scrollRef = React.useRef(null);
   var allMessages = messagesStore.allMessages,
@@ -1927,7 +1964,13 @@ var ChannelProvider = function (props) {
   }, [emojiContainer]);
   var nicknamesMap = React.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
+
+  React.useEffect(function () {
+    if (animatedMessage) {
+      setAnimatedMessageId(animatedMessage);
+    }
+  }, [animatedMessage]); // Scrollup is default scroll for channel
 
   var onScrollCallback = useScrollCallback({
     currentGroupChannel: currentGroupChannel,
@@ -1994,6 +2037,7 @@ var ChannelProvider = function (props) {
   useHandleChannelEvents({
     currentGroupChannel: currentGroupChannel,
     sdkInit: sdkInit,
+    currentUserId: userId,
     hasMoreNext: hasMoreNext,
     disableMarkAsRead: disableMarkAsRead
   }, {
@@ -2066,7 +2110,7 @@ var ChannelProvider = function (props) {
     logger: logger
   });
 
-  var _m = useSendMessageCallback({
+  var _o = useSendMessageCallback({
     currentGroupChannel: currentGroupChannel,
     onBeforeSendUserMessage: onBeforeSendUserMessage,
     isMentionEnabled: isMentionEnabled
@@ -2076,8 +2120,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,
@@ -2105,8 +2149,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,
@@ -2165,4 +2214,4 @@ exports.isDisabledBecauseFrozen = isDisabledBecauseFrozen;
 exports.isDisabledBecauseMuted = isDisabledBecauseMuted;
 exports.isOperator = isOperator;
 exports.useChannelContext = useChannelContext;
-//# sourceMappingURL=ChannelProvider-4dd6e426.js.map
+//# sourceMappingURL=ChannelProvider-0151b6ec.js.map