stream-chat-react 9.4.1 → 9.5.0

package/dist/browser.full-bundle.js

@@ -35929,7 +35929,7 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
         });
 
         _defineProperty(_assertThisInitialized(_this), "_defaultShouldSubmit", function (event) {
-          return event.key === 'Enter' && !event.shiftKey;
+          return event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing;
         });
 
         _defineProperty(_assertThisInitialized(_this), "_handleKeyDown", function (event) {
@@ -39813,32 +39813,12 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
 
     var DefaultEmojiIndex = unwrapExports(nimbleEmojiIndex);
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var DefaultEmoji = React__default['default'].lazy(function () { return __awaiter$1(void 0, void 0, void 0, function () {
-        var emoji;
-        return __generator$1(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, Promise.resolve().then(function () { return nimbleEmoji$2; })];
-                case 1:
-                    emoji = _a.sent();
-                    return [2 /*return*/, { default: emoji.default }];
-            }
-        });
-    }); });
-    var DefaultEmojiPicker = React__default['default'].lazy(function () { return __awaiter$1(void 0, void 0, void 0, function () {
-        var emojiPicker;
-        return __generator$1(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, Promise.resolve().then(function () { return nimblePicker$2; })];
-                case 1:
-                    emojiPicker = _a.sent();
-                    return [2 /*return*/, { default: emojiPicker.default }];
-            }
-        });
-    }); });
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};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 : _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 : _c, _d = value.EmojiPicker, EmojiPicker = _d === void 0 ? DefaultEmojiPicker$1 : _d;
         var emojiContextValue = {
             Emoji: Emoji,
             emojiConfig: emojiConfig,
@@ -40553,8 +40533,9 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
         }, []);
         var uploadImage = React.useCallback(function (id) { return __awaiter$1(void 0, void 0, void 0, function () {
             var img, file, canUpload, response, error_1, errorMessage, alreadyRemoved;
-            return __generator$1(this, function (_a) {
-                switch (_a.label) {
+            var _a;
+            return __generator$1(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         img = imageUploads[id];
                         if (!img)
@@ -40571,24 +40552,24 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
                                 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');
@@ -40612,8 +40593,11 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
                             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,
@@ -40623,33 +40607,10 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
             });
         }); }, [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,
@@ -40773,11 +40734,18 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
             Array.from(files)
                 .slice(0, maxFilesLeft)
                 .forEach(function (file) {
+                var _a;
                 var id = 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' });
@@ -41887,8 +41855,7 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
         notificationTimeouts.push(timeout);
     }; };
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=streamChat.logChatPromiseExecution;window.StreamChat.Channel=Channel$1;window.ICAL=window.ICAL||{};var JUMP_MESSAGE_PAGE_SIZE = 25;
-    var UnMemoizedChannel = function (props) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=streamChat.logChatPromiseExecution;window.StreamChat.Channel=Channel$1;window.ICAL=window.ICAL||{};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;
         var channel = propsChannel || contextChannel;
@@ -42157,30 +42124,33 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
                 });
             });
         };
-        var jumpToMessage = function (messageId) { return __awaiter$1(void 0, void 0, void 0, function () {
-            var indexOfMessage, hasMoreMessages;
-            return __generator$1(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$1(void 0, void 0, void 0, function () {
+                var indexOfMessage, hasMoreMessages;
+                return __generator$1(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$1(void 0, void 0, void 0, function () {
             var hasMoreOlder;
             return __generator$1(this, function (_a) {
@@ -43408,7 +43378,7 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.4.1';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.5.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -47353,10 +47323,11 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
 
     var nimbleEmoji$1 = unwrapExports(nimbleEmoji);
 
-    var nimbleEmoji$2 = /*#__PURE__*/Object.freeze({
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};// @ts-expect-error
+
+    var DefaultEmoji = /*#__PURE__*/Object.freeze({
         __proto__: null,
-        'default': nimbleEmoji$1,
-        __moduleExports: nimbleEmoji
+        'default': nimbleEmoji$1
     });
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -49538,10 +49509,11 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
 
     var nimblePicker$1 = unwrapExports(nimblePicker);
 
-    var nimblePicker$2 = /*#__PURE__*/Object.freeze({
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};// @ts-expect-error
+
+    var DefaultEmojiPicker = /*#__PURE__*/Object.freeze({
         __proto__: null,
-        'default': nimblePicker$1,
-        __moduleExports: nimblePicker
+        'default': nimblePicker$1
     });
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};