@sendbird/uikit-react 3.0.0-alpha.2 → 3.0.0-beta.3

package/cjs/{ChannelProvider-f1fb0108.js → ChannelProvider-5e8e33b1.js}

@@ -1,14 +1,15 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('./UserProfileContext-3533547d.js');
+var UserProfileContext = require('./UserProfileContext-0b7ef11a.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-fc14118c.js');
-var index$1 = require('./index-905331fa.js');
-var topics = require('./topics-8314d425.js');
-var index = require('./index-d4880236.js');
-var compareIds = require('./compareIds-01306377.js');
-var uuid = require('./uuid-1d5ec8b2.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-6193d45d.js');
+var index$1 = require('./index-a2ce047a.js');
+var topics = require('./topics-11048db8.js');
+var index = require('./index-212a11f2.js');
+var compareIds = require('./compareIds-e9bca8c4.js');
+var _const = require('./const-d9f4d880.js');
+var uuid = require('./uuid-172844fb.js');
 var ui_ContextMenu = require('./ui/ContextMenu.js');
 var ui_ReactionButton = require('./ui/ReactionButton.js');
 var ui_ImageRenderer = require('./ui/ImageRenderer.js');
@@ -310,9 +311,6 @@ var messagesInitialState = {
   messageListParams: null
 };
 
-var PREV_RESULT_SIZE = 30;
-var NEXT_RESULT_SIZE = 15;
-
 var _getSendingMessageSta = index.getSendingMessageStatus(),
     SUCCEEDED = _getSendingMessageSta.SUCCEEDED,
     FAILED = _getSendingMessageSta.FAILED,
@@ -390,7 +388,7 @@ function reducer(state, action) {
           return state;
         }
 
-        var hasMorePrev = _messages && _messages.length === PREV_RESULT_SIZE + 1;
+        var hasMorePrev = _messages && _messages.length === _const.PREV_RESULT_SIZE + 1;
 
         var _oldestMessageTimeStamp = getOldestMessageTimeStamp(_messages); // Remove duplicated messages
 
@@ -433,7 +431,7 @@ function reducer(state, action) {
           return state;
         }
 
-        var hasMoreNext = _messages2 && _messages2.length === NEXT_RESULT_SIZE + 1;
+        var hasMoreNext = _messages2 && _messages2.length === _const.NEXT_RESULT_SIZE + 1;
 
         var _latestMessageTimeStamp = getLatestMessageTimeStamp(_messages2); // Remove duplicated messages
 
@@ -984,10 +982,10 @@ function useInitialMessagesFetch(_ref, _ref2) {
 
     if (sdk && sdk.MessageListParams && currentGroupChannel && currentGroupChannel.getMessagesByTimestamp) {
       var messageListParams = new sdk.MessageListParams();
-      messageListParams.prevResultSize = PREV_RESULT_SIZE;
+      messageListParams.prevResultSize = _const.PREV_RESULT_SIZE;
 
       if (initialTimeStamp) {
-        messageListParams.nextResultSize = NEXT_RESULT_SIZE;
+        messageListParams.nextResultSize = _const.NEXT_RESULT_SIZE;
       }
 
       messageListParams.isInclusive = true;
@@ -1075,7 +1073,7 @@ function useHandleReconnect(_a, _b) {
         logger.info('Refreshing conversation state');
         var useReaction = ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.isUsingReaction) || false;
         var messageListParams_1 = new sdk.MessageListParams();
-        messageListParams_1.prevResultSize = PREV_RESULT_SIZE;
+        messageListParams_1.prevResultSize = _const.PREV_RESULT_SIZE;
         messageListParams_1.isInclusive = true;
         messageListParams_1.includeReplies = false;
         messageListParams_1.includeReaction = useReaction;
@@ -1150,7 +1148,7 @@ function useScrollCallback(_ref, _ref2) {
         appInfo = _sdk$appInfo === void 0 ? {} : _sdk$appInfo;
     var useReaction = appInfo.isUsingReaction || false;
     var messageListParams = new sdk.MessageListParams();
-    messageListParams.prevResultSize = PREV_RESULT_SIZE;
+    messageListParams.prevResultSize = _const.PREV_RESULT_SIZE;
     messageListParams.isInclusive = true;
     messageListParams.includeReplies = false;
     messageListParams.includeReaction = useReaction;
@@ -1211,7 +1209,7 @@ function useScrollDownCallback(_ref, _ref2) {
         appInfo = _sdk$appInfo === void 0 ? {} : _sdk$appInfo;
     var useReaction = appInfo.isUsingReaction || false;
     var messageListParams = new sdk.MessageListParams();
-    messageListParams.nextResultSize = NEXT_RESULT_SIZE;
+    messageListParams.nextResultSize = _const.NEXT_RESULT_SIZE;
     messageListParams.isInclusive = true;
     messageListParams.includeReplies = false;
     messageListParams.includeReaction = useReaction;
@@ -1296,14 +1294,31 @@ function useDeleteMessageCallback(_ref, _ref2) {
 function useUpdateMessageCallback(_ref, _ref2) {
   var currentGroupChannel = _ref.currentGroupChannel,
       messagesDispatcher = _ref.messagesDispatcher,
-      onBeforeUpdateUserMessage = _ref.onBeforeUpdateUserMessage;
+      onBeforeUpdateUserMessage = _ref.onBeforeUpdateUserMessage,
+      isMentionEnabled = _ref.isMentionEnabled;
   var logger = _ref2.logger,
       pubSub = _ref2.pubSub,
       sdk = _ref2.sdk;
-  return React.useCallback(function (messageId, text, cb) {
-    var createParamsDefault = function createParamsDefault(txt) {
+  return React.useCallback(function (props, callback) {
+    var messageId = props.messageId,
+        message = props.message,
+        mentionedUsers = props.mentionedUsers,
+        mentionTemplate = props.mentionTemplate;
+
+    var createParamsDefault = function createParamsDefault() {
       var params = new sdk.UserMessageParams();
-      params.message = txt;
+      params.message = message;
+
+      if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+        params.mentionedUsers = mentionedUsers;
+      }
+
+      if (isMentionEnabled && mentionTemplate) {
+        params.mentionedMessageTemplate = mentionTemplate;
+      } else {
+        params.mentionedMessageTemplate = message;
+      }
+
       return params;
     };
 
@@ -1313,33 +1328,33 @@ function useUpdateMessageCallback(_ref, _ref2) {
       logger.info('Channel: creating params using onBeforeUpdateUserMessage', onBeforeUpdateUserMessage);
     }
 
-    var params = onBeforeUpdateUserMessage ? onBeforeUpdateUserMessage(text) : createParamsDefault(text);
+    var params = onBeforeUpdateUserMessage ? onBeforeUpdateUserMessage(message) : createParamsDefault();
     currentGroupChannel.updateUserMessage(messageId, params, function (r, e) {
       logger.info('Channel: Updating message!', params);
       var swapParams = sdk.getErrorFirstCallback();
-      var message = r;
+      var msg = r;
       var err = e;
 
       if (swapParams) {
-        message = e;
+        msg = e;
         err = r;
       }
 
-      if (cb) {
-        cb(err, message);
+      if (callback) {
+        callback(err, msg);
       }
 
       if (!err) {
-        logger.info('Channel: Updating message success!', message);
+        logger.info('Channel: Updating message success!', msg);
         messagesDispatcher({
           type: ON_MESSAGE_UPDATED,
           payload: {
             channel: currentGroupChannel,
-            message: message
+            message: msg
           }
         });
         pubSub.publish(topics.UPDATE_USER_MESSAGE, {
-          message: message,
+          message: msg,
           channel: currentGroupChannel
         });
       } else {
@@ -1435,21 +1450,34 @@ function useResendMessageCallback(_ref, _ref2) {
 }
 
 function useSendMessageCallback(_ref, _ref2) {
-  var currentGroupChannel = _ref.currentGroupChannel,
+  var isMentionEnabled = _ref.isMentionEnabled,
+      currentGroupChannel = _ref.currentGroupChannel,
       onBeforeSendUserMessage = _ref.onBeforeSendUserMessage;
   var sdk = _ref2.sdk,
       logger = _ref2.logger,
       pubSub = _ref2.pubSub,
       messagesDispatcher = _ref2.messagesDispatcher;
   var messageInputRef = React.useRef(null);
-  var sendMessage = React.useCallback(function () {
-    var quoteMessage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    var text = messageInputRef.current.value;
-
-    var createParamsDefault = function createParamsDefault(txt) {
-      var message = typeof txt === 'string' ? txt.trim() : txt;
+  var sendMessage = React.useCallback(function (props) {
+    var _props$quoteMessage = props.quoteMessage,
+        quoteMessage = _props$quoteMessage === void 0 ? null : _props$quoteMessage,
+        message = props.message,
+        mentionTemplate = props.mentionTemplate,
+        mentionedUsers = props.mentionedUsers;
+
+    var createParamsDefault = function createParamsDefault() {
       var params = new sdk.UserMessageParams();
-      params.message = message;
+      params.message = (message === null || message === void 0 ? void 0 : message.trim()) || message; // if (isMentionEnabled && mentionedUserIds?.length > 0) {
+
+      if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+        // params.mentionedUserIds = mentionedUserIds;
+        params.mentionedUsers = mentionedUsers;
+      } // if (isMentionEnabled && mentionTemplate && mentionedUserIds?.length > 0) {
+
+
+      if (isMentionEnabled && mentionTemplate && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+        params.mentionedMessageTemplate = (mentionTemplate === null || mentionTemplate === void 0 ? void 0 : mentionTemplate.trim()) || mentionTemplate;
+      }
 
       if (quoteMessage) {
         params.isReplyToChannel = true;
@@ -1465,15 +1493,15 @@ function useSendMessageCallback(_ref, _ref2) {
       logger.info('Channel: creating params using onBeforeSendUserMessage', onBeforeSendUserMessage);
     }
 
-    var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(text, quoteMessage) : createParamsDefault(text);
+    var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(message, quoteMessage) : createParamsDefault();
     logger.info('Channel: Sending message has started', params);
     var pendingMsg = currentGroupChannel.sendUserMessage(params, function (res, err) {
       var swapParams = sdk.getErrorFirstCallback();
-      var message = res;
+      var msg = res;
       var error = err;
 
       if (swapParams) {
-        message = err;
+        msg = err;
         error = res;
       } // sending params instead of pending message
       // to make sure that we can resend the message once it fails
@@ -1481,19 +1509,19 @@ function useSendMessageCallback(_ref, _ref2) {
 
       if (error) {
         logger.warning('Channel: Sending message failed!', {
-          message: message
+          msg: msg
         });
         messagesDispatcher({
           type: SEND_MESSAGEGE_FAILURE,
-          payload: message
+          payload: msg
         });
         return;
       }
 
-      logger.info('Channel: Sending message success!', message);
+      logger.info('Channel: Sending message success!', msg);
       messagesDispatcher({
         type: SEND_MESSAGEGE_SUCESS,
-        payload: message
+        payload: msg
       });
     });
     pubSub.publish(topics.SEND_MESSAGE_START, {
@@ -1809,7 +1837,8 @@ var ChannelProvider = function ChannelProvider(props) {
       logger = config.logger,
       userId = config.userId,
       isOnline = config.isOnline,
-      imageCompression = config.imageCompression;
+      imageCompression = config.imageCompression,
+      isMentionEnabled = config.isMentionEnabled;
   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;
 
@@ -1985,7 +2014,8 @@ var ChannelProvider = function ChannelProvider(props) {
   var updateMessage = useUpdateMessageCallback({
     currentGroupChannel: currentGroupChannel,
     messagesDispatcher: messagesDispatcher,
-    onBeforeUpdateUserMessage: onBeforeUpdateUserMessage
+    onBeforeUpdateUserMessage: onBeforeUpdateUserMessage,
+    isMentionEnabled: isMentionEnabled
   }, {
     logger: logger,
     sdk: sdk,
@@ -2000,7 +2030,8 @@ var ChannelProvider = function ChannelProvider(props) {
 
   var _k = useSendMessageCallback({
     currentGroupChannel: currentGroupChannel,
-    onBeforeSendUserMessage: onBeforeSendUserMessage
+    onBeforeSendUserMessage: onBeforeSendUserMessage,
+    isMentionEnabled: isMentionEnabled
   }, {
     sdk: sdk,
     logger: logger,
@@ -2093,4 +2124,4 @@ exports.isDisabledBecauseFrozen = isDisabledBecauseFrozen;
 exports.isDisabledBecauseMuted = isDisabledBecauseMuted;
 exports.isOperator = isOperator;
 exports.useChannel = useChannel;
-//# sourceMappingURL=ChannelProvider-f1fb0108.js.map
+//# sourceMappingURL=ChannelProvider-5e8e33b1.js.map