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

package/{ChannelProvider-08b86d72.js → ChannelProvider-beed5203.js}

@@ -1,15 +1,15 @@
 import React__default, { useEffect, useCallback, useRef, useMemo, useState, useReducer } from 'react';
-import { U as UserProfileProvider } from './UserProfileContext-24bb1c79.js';
+import { U as UserProfileProvider } from './UserProfileContext-32f70da9.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { f as format } from './index-07ae6a1b.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-0752cb33.js';
-import { a as getSendingMessageStatus, b as isReadMessage, c as filterMessageListParams } from './index-89cd6e36.js';
+import { f as format } from './index-39b44653.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-954a5dbc.js';
+import { a as getSendingMessageStatus, b as isReadMessage, c as filterMessageListParams } from './index-e1f156d0.js';
 import './utils/message/getOutgoingMessageState.js';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-a72165e4.js';
-import { c as compareIds } from './compareIds-8626728b.js';
-import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from './const-4836ca2f.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-42595172.js';
+import { c as compareIds } from './compareIds-cd18758a.js';
+import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from './const-9ed3c2e5.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from './uuid-e5bc1634.js';
+import { u as uuidv4 } from './uuid-11fdaf7d.js';
 import { ReplyType } from '@sendbird/chat/message';
 import { EmojiListItems } from './ui/ContextMenu.js';
 import ReactionButton from './ui/ReactionButton.js';
@@ -74,21 +74,22 @@ const {
   PENDING: PENDING$1
 } = getSendingMessageStatus();
 const scrollIntoLast = function () {
-  let intialTry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let initialTry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let scrollRef = arguments.length > 1 ? arguments[1] : undefined;
   const MAX_TRIES = 10;
-  const currentTry = intialTry;
+  const currentTry = initialTry;
 
   if (currentTry > MAX_TRIES) {
     return;
   }
 
   try {
-    const scrollDOM = document.querySelector('.sendbird-conversation__messages-padding'); // eslint-disable-next-line no-multi-assign
+    const scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-conversation__messages-padding'); // eslint-disable-next-line no-multi-assign
 
     scrollDOM.scrollTop = scrollDOM.scrollHeight;
   } catch (error) {
     setTimeout(() => {
-      scrollIntoLast(currentTry + 1);
+      scrollIntoLast(currentTry + 1, scrollRef);
     }, 500 * currentTry);
   }
 };
@@ -100,7 +101,13 @@ const pubSubHandleRemover = subscriber => {
     }
   });
 };
-const pubSubHandler = (channelUrl, pubSub, dispatcher) => {
+const pubSubHandler = _ref => {
+  let {
+    channelUrl,
+    pubSub,
+    dispatcher,
+    scrollRef
+  } = _ref;
   const subscriber = new Map();
   if (!pubSub || !pubSub.subscribe) return subscriber;
   subscriber.set(SEND_USER_MESSAGE, pubSub.subscribe(SEND_USER_MESSAGE, msg => {
@@ -108,7 +115,7 @@ const pubSubHandler = (channelUrl, pubSub, dispatcher) => {
       channel,
       message
     } = msg;
-    scrollIntoLast();
+    scrollIntoLast(0, scrollRef);
 
     if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
       dispatcher({
@@ -135,7 +142,7 @@ const pubSubHandler = (channelUrl, pubSub, dispatcher) => {
       channel,
       message
     } = msg;
-    scrollIntoLast();
+    scrollIntoLast(0, scrollRef);
 
     if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
       dispatcher({
@@ -758,7 +765,7 @@ function useHandleChannelEvents(_a, _b) {
                     (_a = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead) === null || _a === void 0 ? void 0 : _a.call(currentGroupChannel);
                   }
 
-                  scrollIntoLast();
+                  scrollIntoLast(0, scrollRef);
                 });
               } catch (error) {
                 logger.warning('Channel | onMessageReceived | scroll to end failed');
@@ -987,6 +994,7 @@ function useInitialMessagesFetch(_ref, _ref2) {
   } = _ref;
   let {
     logger,
+    scrollRef,
     messagesDispatcher
   } = _ref2;
   const channelUrl = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url;
@@ -1054,7 +1062,7 @@ function useInitialMessagesFetch(_ref, _ref2) {
         });
       }).finally(() => {
         if (!initialTimeStamp) {
-          setTimeout(() => scrollIntoLast());
+          setTimeout(() => scrollIntoLast(0, scrollRef));
         }
       });
     }
@@ -1075,6 +1083,7 @@ function useHandleReconnect(_a, _b) {
       disableMarkAsRead = _a.disableMarkAsRead;
   var logger = _b.logger,
       sdk = _b.sdk,
+      scrollRef = _b.scrollRef,
       currentGroupChannel = _b.currentGroupChannel,
       messagesDispatcher = _b.messagesDispatcher,
       userFilledMessageListQuery = _b.userFilledMessageListQuery;
@@ -1127,7 +1136,7 @@ function useHandleReconnect(_a, _b) {
               }
             });
             setTimeout(function () {
-              return scrollIntoLast();
+              return scrollIntoLast(0, scrollRef);
             });
           }).catch(function (error) {
             logger.error('Channel: Fetching messages failed', error);
@@ -1489,6 +1498,7 @@ function useSendMessageCallback(_ref, _ref2) {
   let {
     logger,
     pubSub,
+    scrollRef,
     messagesDispatcher
   } = _ref2;
   const messageInputRef = useRef(null);
@@ -1538,7 +1548,7 @@ function useSendMessageCallback(_ref, _ref2) {
         message: pendingMsg,
         channel: currentGroupChannel
       });
-      setTimeout(() => scrollIntoLast());
+      setTimeout(() => scrollIntoLast(0, scrollRef));
     }).onFailed((err, msg) => {
       logger.warning('Channel: Sending message failed!', {
         message: msg,
@@ -1568,6 +1578,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
   let {
     logger,
     pubSub,
+    scrollRef,
     messagesDispatcher
   } = _ref2;
   const sendMessage = useCallback(function (file) {
@@ -1643,7 +1654,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
                 }),
                 channel: currentGroupChannel
               });
-              setTimeout(() => scrollIntoLast(), 1000);
+              setTimeout(() => scrollIntoLast(0, scrollRef), 1000);
             }).onFailed((err, failedMessage) => {
               logger.error('Channel: Sending file message failed!', {
                 failedMessage,
@@ -1688,7 +1699,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
           }),
           channel: currentGroupChannel
         });
-        setTimeout(() => scrollIntoLast(), 1000);
+        setTimeout(() => scrollIntoLast(0, scrollRef), 1000);
       }).onFailed((error, message) => {
         logger.error('Channel: Sending file message failed!', {
           message,
@@ -1839,6 +1850,7 @@ var ChannelProvider = function (props) {
       onBeforeUpdateUserMessage = props.onBeforeUpdateUserMessage,
       onChatHeaderActionClick = props.onChatHeaderActionClick,
       onSearchClick = props.onSearchClick,
+      onBackClick = props.onBackClick,
       replyType = props.replyType,
       queries = props.queries,
       _f = props.disableMarkAsRead,
@@ -1850,7 +1862,8 @@ var ChannelProvider = function (props) {
       userId = config.userId,
       isOnline = config.isOnline,
       imageCompression = config.imageCompression,
-      isMentionEnabled = config.isMentionEnabled;
+      isMentionEnabled = config.isMentionEnabled,
+      onUserProfileMessage = config.onUserProfileMessage;
   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;
 
@@ -1996,11 +2009,17 @@ var ChannelProvider = function (props) {
     replyType: replyType
   }, {
     logger: logger,
+    scrollRef: scrollRef,
     messagesDispatcher: messagesDispatcher
   }); // handles API calls from withSendbird
 
   useEffect(function () {
-    var subscriber = pubSubHandler(channelUrl, pubSub, messagesDispatcher);
+    var subscriber = pubSubHandler({
+      channelUrl: channelUrl,
+      pubSub: pubSub,
+      messagesDispatcher: messagesDispatcher,
+      scrollRef: scrollRef
+    });
     return function () {
       pubSubHandleRemover(subscriber);
     };
@@ -2013,6 +2032,7 @@ var ChannelProvider = function (props) {
   }, {
     logger: logger,
     sdk: sdk,
+    scrollRef: scrollRef,
     currentGroupChannel: currentGroupChannel,
     messagesDispatcher: messagesDispatcher,
     userFilledMessageListQuery: userFilledMessageListQuery
@@ -2047,6 +2067,7 @@ var ChannelProvider = function (props) {
   }, {
     logger: logger,
     pubSub: pubSub,
+    scrollRef: scrollRef,
     messagesDispatcher: messagesDispatcher
   }),
       messageInputRef = _m[0],
@@ -2059,6 +2080,7 @@ var ChannelProvider = function (props) {
   }, {
     logger: logger,
     pubSub: pubSub,
+    scrollRef: scrollRef,
     messagesDispatcher: messagesDispatcher
   })[0];
   return /*#__PURE__*/React__default.createElement(ChannelContext.Provider, {
@@ -2075,6 +2097,7 @@ var ChannelProvider = function (props) {
       onBeforeUpdateUserMessage: onBeforeUpdateUserMessage,
       onChatHeaderActionClick: onChatHeaderActionClick,
       onSearchClick: onSearchClick,
+      onBackClick: onBackClick,
       replyType: replyType,
       queries: queries,
       disableMarkAsRead: disableMarkAsRead,
@@ -2119,7 +2142,8 @@ var ChannelProvider = function (props) {
     }
   }, /*#__PURE__*/React__default.createElement(UserProfileProvider, {
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
-    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile
+    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile,
+    onUserProfileMessage: onUserProfileMessage
   }, children));
 };
 
@@ -2128,4 +2152,4 @@ var useChannelContext = function () {
 };
 
 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-08b86d72.js.map
+//# sourceMappingURL=ChannelProvider-beed5203.js.map