stream-chat-react 9.4.1 → 9.5.0

package/dist/index.cjs.js

@@ -54,6 +54,8 @@ var deepequal = require('react-fast-compare');
 var DefaultEmojiIndex = require('emoji-mart/dist/utils/emoji-index/nimble-emoji-index.js');
 var resizeObserver = require('@juggle/resize-observer');
 var reactVirtuoso = require('react-virtuoso');
+var nimbleEmoji = require('emoji-mart/dist/components/emoji/nimble-emoji');
+var nimblePicker = require('emoji-mart/dist/components/picker/nimble-picker');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -110,6 +112,8 @@ var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
 var deepequal__default = /*#__PURE__*/_interopDefaultLegacy(deepequal);
 var DefaultEmojiIndex__default = /*#__PURE__*/_interopDefaultLegacy(DefaultEmojiIndex);
+var nimbleEmoji__default = /*#__PURE__*/_interopDefaultLegacy(nimbleEmoji);
+var nimblePicker__default = /*#__PURE__*/_interopDefaultLegacy(nimblePicker);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -2592,7 +2596,7 @@ var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "_defaultShouldSubmit", function (event) {
-      return event.key === 'Enter' && !event.shiftKey;
+      return event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing;
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "_handleKeyDown", function (event) {
@@ -4846,32 +4850,12 @@ var UnMemoizedMessageTextComponent = function (props) {
 };
 var MessageText = React__default['default'].memo(UnMemoizedMessageTextComponent);
 
-var DefaultEmoji = React__default['default'].lazy(function () { return __awaiter(void 0, void 0, void 0, function () {
-    var emoji;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('emoji-mart/dist/components/emoji/nimble-emoji.js')); })];
-            case 1:
-                emoji = _a.sent();
-                return [2 /*return*/, { default: emoji.default }];
-        }
-    });
-}); });
-var DefaultEmojiPicker = React__default['default'].lazy(function () { return __awaiter(void 0, void 0, void 0, function () {
-    var emojiPicker;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('emoji-mart/dist/components/picker/nimble-picker.js')); })];
-            case 1:
-                emojiPicker = _a.sent();
-                return [2 /*return*/, { default: emojiPicker.default }];
-        }
-    });
-}); });
+var DefaultEmoji$1 = React__default['default'].lazy(function () { return Promise.resolve().then(function () { return DefaultEmoji; }); });
+var DefaultEmojiPicker$1 = React__default['default'].lazy(function () { return Promise.resolve().then(function () { return DefaultEmojiPicker; }); });
 var EmojiContext = React__default['default'].createContext(undefined);
 var EmojiProvider = function (_a) {
     var children = _a.children, value = _a.value;
-    var _b = value.Emoji, Emoji = _b === void 0 ? DefaultEmoji : _b, emojiConfig = value.emojiConfig, _c = value.EmojiIndex, EmojiIndex = _c === void 0 ? DefaultEmojiIndex__default['default'] : _c, _d = value.EmojiPicker, EmojiPicker = _d === void 0 ? DefaultEmojiPicker : _d;
+    var _b = value.Emoji, Emoji = _b === void 0 ? DefaultEmoji$1 : _b, emojiConfig = value.emojiConfig, _c = value.EmojiIndex, EmojiIndex = _c === void 0 ? DefaultEmojiIndex__default['default'] : _c, _d = value.EmojiPicker, EmojiPicker = _d === void 0 ? DefaultEmojiPicker$1 : _d;
     var emojiContextValue = {
         Emoji: Emoji,
         emojiConfig: emojiConfig,
@@ -5584,8 +5568,9 @@ var useImageUploads = function (props, state, dispatch) {
     }, []);
     var uploadImage = React.useCallback(function (id) { return __awaiter(void 0, void 0, void 0, function () {
         var img, file, canUpload, response, error_1, errorMessage, alreadyRemoved;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     img = imageUploads[id];
                     if (!img)
@@ -5602,24 +5587,24 @@ var useImageUploads = function (props, state, dispatch) {
                             uploadType: 'image',
                         })];
                 case 1:
-                    canUpload = _a.sent();
+                    canUpload = _b.sent();
                     if (!canUpload)
                         return [2 /*return*/, removeImage(id)];
-                    _a.label = 2;
+                    _b.label = 2;
                 case 2:
-                    _a.trys.push([2, 7, , 8]);
+                    _b.trys.push([2, 7, , 8]);
                     if (!doImageUploadRequest) return [3 /*break*/, 4];
                     return [4 /*yield*/, doImageUploadRequest(file, channel)];
                 case 3:
-                    response = _a.sent();
+                    response = _b.sent();
                     return [3 /*break*/, 6];
                 case 4: return [4 /*yield*/, channel.sendImage(file)];
                 case 5:
-                    response = _a.sent();
-                    _a.label = 6;
+                    response = _b.sent();
+                    _b.label = 6;
                 case 6: return [3 /*break*/, 8];
                 case 7:
-                    error_1 = _a.sent();
+                    error_1 = _b.sent();
                     errorMessage = typeof error_1.message === 'string'
                         ? error_1.message
                         : t('Error uploading image');
@@ -5643,8 +5628,11 @@ var useImageUploads = function (props, state, dispatch) {
                         removeImage(id);
                         return [2 /*return*/];
                     }
+                    if (img.previewUri)
+                        (_a = URL.revokeObjectURL) === null || _a === void 0 ? void 0 : _a.call(URL, img.previewUri);
                     dispatch({
                         id: id,
+                        previewUri: undefined,
                         state: 'finished',
                         type: 'setImageUpload',
                         url: response.file,
@@ -5654,33 +5642,10 @@ var useImageUploads = function (props, state, dispatch) {
         });
     }); }, [imageUploads, channel, doImageUploadRequest, errorHandler, removeImage]);
     React.useEffect(function () {
-        if (FileReader) {
-            var upload = Object.values(imageUploads).find(function (imageUpload) {
-                return imageUpload.state === 'uploading' && !!imageUpload.file && !imageUpload.previewUri;
-            });
-            if (upload) {
-                var file = upload.file, id_1 = upload.id;
-                // TODO: Possibly use URL.createObjectURL instead. However, then we need
-                // to release the previews when not used anymore though.
-                var reader_1 = new FileReader();
-                reader_1.onload = function (event) {
-                    var _a;
-                    if (typeof ((_a = event.target) === null || _a === void 0 ? void 0 : _a.result) !== 'string')
-                        return;
-                    dispatch({
-                        id: id_1,
-                        previewUri: event.target.result,
-                        type: 'setImageUpload',
-                    });
-                };
-                reader_1.readAsDataURL(file);
-                uploadImage(id_1);
-                return function () {
-                    reader_1.onload = null;
-                };
-            }
-        }
-        return;
+        var upload = Object.values(imageUploads).find(function (imageUpload) { return imageUpload.state === 'uploading' && imageUpload.file; });
+        if (!upload)
+            return;
+        uploadImage(upload.id);
     }, [imageUploads, uploadImage]);
     return {
         removeImage: removeImage,
@@ -5804,11 +5769,18 @@ var useAttachments = function (props, state, dispatch, textareaRef) {
         Array.from(files)
             .slice(0, maxFilesLeft)
             .forEach(function (file) {
+            var _a;
             var id = nanoid.nanoid();
             if (file.type.startsWith('image/') &&
                 !file.type.endsWith('.photoshop') // photoshop files begin with 'image/'
             ) {
-                dispatch({ file: file, id: id, state: 'uploading', type: 'setImageUpload' });
+                dispatch({
+                    file: file,
+                    id: id,
+                    previewUri: (_a = URL.createObjectURL) === null || _a === void 0 ? void 0 : _a.call(URL, file),
+                    state: 'uploading',
+                    type: 'setImageUpload',
+                });
             }
             else if (file instanceof File && !noFiles) {
                 dispatch({ file: file, id: id, state: 'uploading', type: 'setFileUpload' });
@@ -6910,7 +6882,6 @@ var makeAddNotifications = function (setNotifications, notificationTimeouts) { r
     notificationTimeouts.push(timeout);
 }; };
 
-var JUMP_MESSAGE_PAGE_SIZE = 25;
 var UnMemoizedChannel = function (props) {
     var propsChannel = props.channel, _a = props.EmptyPlaceholder, EmptyPlaceholder = _a === void 0 ? null : _a, LoadingErrorIndicator = props.LoadingErrorIndicator, LoadingIndicator = props.LoadingIndicator;
     var _b = useChatContext('Channel'), contextChannel = _b.channel, channelsQueryState = _b.channelsQueryState;
@@ -7180,30 +7151,33 @@ var ChannelInner = function (props) {
             });
         });
     };
-    var jumpToMessage = function (messageId) { return __awaiter(void 0, void 0, void 0, function () {
-        var indexOfMessage, hasMoreMessages;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    dispatch({ loadingMore: true, type: 'setLoadingMore' });
-                    return [4 /*yield*/, channel.state.loadMessageIntoState(messageId)];
-                case 1:
-                    _a.sent();
-                    indexOfMessage = channel.state.messages.findIndex(function (message) { return message.id === messageId; });
-                    hasMoreMessages = indexOfMessage >= Math.floor(JUMP_MESSAGE_PAGE_SIZE / 2);
-                    loadMoreFinished(hasMoreMessages, channel.state.messages);
-                    dispatch({
-                        hasMoreNewer: channel.state.messages !== channel.state.latestMessages,
-                        highlightedMessageId: messageId,
-                        type: 'jumpToMessageFinished',
-                    });
-                    setTimeout(function () {
-                        dispatch({ type: 'clearHighlightedMessage' });
-                    }, 500);
-                    return [2 /*return*/];
-            }
+    var jumpToMessage = function (messageId, messageLimit) {
+        if (messageLimit === void 0) { messageLimit = 100; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var indexOfMessage, hasMoreMessages;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        dispatch({ loadingMore: true, type: 'setLoadingMore' });
+                        return [4 /*yield*/, channel.state.loadMessageIntoState(messageId, undefined, messageLimit)];
+                    case 1:
+                        _a.sent();
+                        indexOfMessage = channel.state.messages.findIndex(function (message) { return message.id === messageId; });
+                        hasMoreMessages = indexOfMessage >= Math.floor(messageLimit / 2);
+                        loadMoreFinished(hasMoreMessages, channel.state.messages);
+                        dispatch({
+                            hasMoreNewer: channel.state.messages !== channel.state.latestMessages,
+                            highlightedMessageId: messageId,
+                            type: 'jumpToMessageFinished',
+                        });
+                        setTimeout(function () {
+                            dispatch({ type: 'clearHighlightedMessage' });
+                        }, 500);
+                        return [2 /*return*/];
+                }
+            });
         });
-    }); };
+    };
     var jumpToLatestMessage = function () { return __awaiter(void 0, void 0, void 0, function () {
         var hasMoreOlder;
         return __generator(this, function (_a) {
@@ -8417,7 +8391,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default['default'].memo(UnMemoizedChannelList);
 
-var version = '9.4.1';
+var version = '9.5.0';
 
 var useChat = function (_a) {
     var _b, _c;
@@ -10216,6 +10190,20 @@ var UnMemoizedWindow = function (props) {
  */
 var Window = React__default['default'].memo(UnMemoizedWindow);
 
+// @ts-expect-error
+
+var DefaultEmoji = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': nimbleEmoji__default['default']
+});
+
+// @ts-expect-error
+
+var DefaultEmojiPicker = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': nimblePicker__default['default']
+});
+
 exports.ActionsIcon = ActionsIcon;
 exports.Attachment = Attachment;
 exports.AttachmentActions = AttachmentActions;