stream-chat-react 8.1.3-beta.1 → 9.0.0

package/dist/components/MessageInput/hooks/useSubmitHandler.js

@@ -143,25 +143,27 @@ export var useSubmitHandler = function (props, state, dispatch, numberOfUploads)
                     err_1 = _a.sent();
                     addNotification(t('Edit message request failed'), 'error');
                     return [3 /*break*/, 4];
-                case 4: return [3 /*break*/, 12];
+                case 4: return [3 /*break*/, 13];
                 case 5:
-                    _a.trys.push([5, 11, , 12]);
+                    _a.trys.push([5, 12, , 13]);
                     dispatch({ type: 'clear' });
-                    if (!overrideSubmitHandler) return [3 /*break*/, 6];
-                    overrideSubmitHandler(__assign(__assign({}, updatedMessage), { parent: parent }), channel.cid);
-                    return [3 /*break*/, 8];
-                case 6: return [4 /*yield*/, sendMessage(__assign(__assign({}, updatedMessage), { parent: parent }), customMessageData)];
-                case 7:
+                    if (!overrideSubmitHandler) return [3 /*break*/, 7];
+                    return [4 /*yield*/, overrideSubmitHandler(__assign(__assign({}, updatedMessage), { parent: parent }), channel.cid, customMessageData)];
+                case 6:
                     _a.sent();
-                    _a.label = 8;
+                    return [3 /*break*/, 9];
+                case 7: return [4 /*yield*/, sendMessage(__assign(__assign({}, updatedMessage), { parent: parent }), customMessageData)];
                 case 8:
-                    if (!publishTypingEvent) return [3 /*break*/, 10];
-                    return [4 /*yield*/, channel.stopTyping()];
+                    _a.sent();
+                    _a.label = 9;
                 case 9:
+                    if (!publishTypingEvent) return [3 /*break*/, 11];
+                    return [4 /*yield*/, channel.stopTyping()];
+                case 10:
                     _a.sent();
-                    _a.label = 10;
-                case 10: return [3 /*break*/, 12];
-                case 11:
+                    _a.label = 11;
+                case 11: return [3 /*break*/, 13];
+                case 12:
                     err_2 = _a.sent();
                     dispatch({
                         getNewText: function () { return text; },
@@ -173,8 +175,8 @@ export var useSubmitHandler = function (props, state, dispatch, numberOfUploads)
                         });
                     }
                     addNotification(t('Send message request failed'), 'error');
-                    return [3 /*break*/, 12];
-                case 12: return [2 /*return*/];
+                    return [3 /*break*/, 13];
+                case 13: return [2 /*return*/];
             }
         });
     }); };

package/dist/components/MessageList/utils.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-continue */
-import { v4 as uuidV4 } from 'uuid';
+import { nanoid } from 'nanoid';
 import { CUSTOM_MESSAGE_TYPE } from '../../constants/messageTypes';
 import { isDate } from '../../context/TranslationContext';
 /**
@@ -82,10 +82,10 @@ export var processMessages = function (params) {
 export var makeDateMessageId = function (date) {
     var idSuffix;
     try {
-        idSuffix = !date ? uuidV4() : date instanceof Date ? date.toISOString() : date;
+        idSuffix = !date ? nanoid() : date instanceof Date ? date.toISOString() : date;
     }
     catch (e) {
-        idSuffix = uuidV4();
+        idSuffix = nanoid();
     }
     return CUSTOM_MESSAGE_TYPE.date + "-" + idSuffix;
 };

package/dist/components/Thread/Thread.js

@@ -9,6 +9,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import React, { useEffect, useRef } from 'react';
 import { FixedHeightMessage } from '../Message/FixedHeightMessage';
 import { Message } from '../Message/Message';
@@ -54,7 +90,7 @@ var DefaultThreadStart = function () {
 var ThreadInner = function (props) {
     var additionalMessageInputProps = props.additionalMessageInputProps, additionalMessageListProps = props.additionalMessageListProps, additionalParentMessageProps = props.additionalParentMessageProps, additionalVirtualizedMessageListProps = props.additionalVirtualizedMessageListProps, _a = props.autoFocus, autoFocus = _a === void 0 ? true : _a, _b = props.enableDateSeparator, enableDateSeparator = _b === void 0 ? false : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? false : _c, PropInput = props.Input, PropMessage = props.Message, virtualized = props.virtualized;
     var _d = useChannelStateContext('Thread'), thread = _d.thread, threadHasMore = _d.threadHasMore, threadLoadingMore = _d.threadLoadingMore, threadMessages = _d.threadMessages;
-    var _e = useChannelActionContext('Thread'), closeThread = _e.closeThread, loadMoreThread = _e.loadMoreThread;
+    var _e = useChannelActionContext('Thread'), closeThread = _e.closeThread, loadMoreThread = _e.loadMoreThread, sendMessage = _e.sendMessage;
     var customClasses = useChatContext('Thread').customClasses;
     var _f = useComponentContext('Thread'), ContextInput = _f.ThreadInput, ContextMessage = _f.Message, _g = _f.ThreadHeader, ThreadHeader = _g === void 0 ? DefaultThreadHeader : _g, _h = _f.ThreadStart, ThreadStart = _h === void 0 ? DefaultThreadStart : _h, _j = _f.VirtualMessage, VirtualMessage = _j === void 0 ? FixedHeightMessage : _j;
     var messageList = useRef(null);
@@ -67,15 +103,19 @@ var ThreadInner = function (props) {
             loadMoreThread();
         }
     }, []);
-    useEffect(function () {
-        if (messageList.current && (threadMessages === null || threadMessages === void 0 ? void 0 : threadMessages.length)) {
-            var _a = messageList.current, clientHeight = _a.clientHeight, scrollHeight = _a.scrollHeight, scrollTop = _a.scrollTop;
-            var scrollDown = clientHeight + scrollTop !== scrollHeight;
-            if (scrollDown) {
-                messageList.current.scrollTop = scrollHeight - clientHeight;
+    var threadSubmitHandler = function (message, _, customMessageData) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, sendMessage(message, customMessageData)];
+                case 1:
+                    _a.sent();
+                    if (messageList.current) {
+                        messageList.current.scrollTop = messageList.current.scrollHeight;
+                    }
+                    return [2 /*return*/];
             }
-        }
-    }, [threadMessages === null || threadMessages === void 0 ? void 0 : threadMessages.length]);
+        });
+    }); };
     if (!thread)
         return null;
     var threadClass = (customClasses === null || customClasses === void 0 ? void 0 : customClasses.thread) || 'str-chat__thread';
@@ -85,5 +125,5 @@ var ThreadInner = function (props) {
             React.createElement(Message, __assign({ initialMessage: true, message: thread, Message: ThreadMessage || FallbackMessage, threadList: true }, additionalParentMessageProps)),
             React.createElement(ThreadStart, null),
             React.createElement(ThreadMessageList, __assign({ disableDateSeparator: !enableDateSeparator, hasMore: threadHasMore, loadingMore: threadLoadingMore, loadMore: loadMoreThread, Message: ThreadMessage || FallbackMessage, messages: threadMessages || [], threadList: true }, (virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps)))),
-        React.createElement(MessageInput, __assign({ focus: autoFocus, Input: ThreadInput, parent: thread, publishTypingEvent: false }, additionalMessageInputProps))));
+        React.createElement(MessageInput, __assign({ focus: autoFocus, Input: ThreadInput, overrideSubmitHandler: threadSubmitHandler, parent: thread, publishTypingEvent: false }, additionalMessageInputProps))));
 };