stream-chat-react 10.4.1 → 10.5.0-alpha.0

package/dist/browser.full-bundle.js

@@ -42217,7 +42217,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                     ? " str-chat__message-".concat(theme, "-text-inner--is-emoji")
                     : '', "\n        ").trim(), "data-testid": 'message-text-inner-wrapper', onClick: onMentionsClickMessage, onMouseOver: onMentionsHoverMessage },
                 message.quoted_message && React__default["default"].createElement(QuotedMessage$1, null),
-                message.type === 'error' && (React__default["default"].createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, t('Error · Unsent'))),
+                message.type === 'error' && (React__default["default"].createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, message.moderation_details ? 'Error - moderated' : t('Error · Unsent'))),
                 message.status === 'failed' && (React__default["default"].createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, message.errorStatusCode !== 403
                     ? t('Message Failed · Click to try again')
                     : t('Message Failed · Unauthorized'))),
@@ -45103,7 +45103,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         var clearEditingState = props.clearEditingState, message = props.message, overrideSubmitHandler = props.overrideSubmitHandler, parent = props.parent, publishTypingEvent = props.publishTypingEvent;
         var attachments = state.attachments, fileOrder = state.fileOrder, fileUploads = state.fileUploads, imageOrder = state.imageOrder, imageUploads = state.imageUploads, mentioned_users = state.mentioned_users, text = state.text;
         var channel = useChannelStateContext('useSubmitHandler').channel;
-        var _a = useChannelActionContext('useSubmitHandler'), addNotification = _a.addNotification, editMessage = _a.editMessage, sendMessage = _a.sendMessage;
+        var _a = useChannelActionContext('useSubmitHandler'), addNotification = _a.addNotification, editMessage = _a.editMessage, removeMessage = _a.removeMessage, sendMessage = _a.sendMessage;
         var t = useTranslationContext('useSubmitHandler').t;
         var textReference = React$2.useRef({ hasChanged: false, initialText: text });
         React$2.useEffect(function () {
@@ -45186,42 +45186,83 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             mentioned_users: actualMentionedUsers,
                             text: text,
                         };
-                        if (!message) return [3 /*break*/, 5];
-                        delete message.i18n;
+                        if (!(message && message.moderation_details)) return [3 /*break*/, 11];
                         _a.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, editMessage(__assign$8(__assign$8(__assign$8({}, message), updatedMessage), customMessageData))];
+                        _a.trys.push([1, 8, 9, 10]);
+                        removeMessage(message);
+                        dispatch({ type: 'clear' });
+                        if (!overrideSubmitHandler) return [3 /*break*/, 3];
+                        return [4 /*yield*/, overrideSubmitHandler(__assign$8(__assign$8({}, updatedMessage), { parent: parent }), channel.cid, customMessageData)];
                     case 2:
+                        _a.sent();
+                        return [3 /*break*/, 5];
+                    case 3: return [4 /*yield*/, sendMessage(__assign$8(__assign$8({}, updatedMessage), { parent: parent }), customMessageData)];
+                    case 4:
+                        _a.sent();
+                        _a.label = 5;
+                    case 5:
+                        if (!publishTypingEvent) return [3 /*break*/, 7];
+                        return [4 /*yield*/, channel.stopTyping()];
+                    case 6:
+                        _a.sent();
+                        _a.label = 7;
+                    case 7: return [3 /*break*/, 10];
+                    case 8:
+                        _a.sent();
+                        dispatch({
+                            getNewText: function () { return text; },
+                            type: 'setText',
+                        });
+                        if (actualMentionedUsers.length) {
+                            actualMentionedUsers.forEach(function (user) {
+                                dispatch({ type: 'addMentionedUser', user: user });
+                            });
+                        }
+                        addNotification(t('Send message request failed'), 'error');
+                        return [3 /*break*/, 10];
+                    case 9:
+                        if (clearEditingState)
+                            clearEditingState();
+                        return [7 /*endfinally*/];
+                    case 10: return [3 /*break*/, 24];
+                    case 11:
+                        if (!message) return [3 /*break*/, 16];
+                        delete message.i18n;
+                        _a.label = 12;
+                    case 12:
+                        _a.trys.push([12, 14, , 15]);
+                        return [4 /*yield*/, editMessage(__assign$8(__assign$8(__assign$8({}, message), updatedMessage), customMessageData))];
+                    case 13:
                         _a.sent();
                         clearEditingState === null || clearEditingState === void 0 ? void 0 : clearEditingState();
                         dispatch({ type: 'clear' });
-                        return [3 /*break*/, 4];
-                    case 3:
+                        return [3 /*break*/, 15];
+                    case 14:
                         _a.sent();
                         addNotification(t('Edit message request failed'), 'error');
-                        return [3 /*break*/, 4];
-                    case 4: return [3 /*break*/, 13];
-                    case 5:
-                        _a.trys.push([5, 12, , 13]);
+                        return [3 /*break*/, 15];
+                    case 15: return [3 /*break*/, 24];
+                    case 16:
+                        _a.trys.push([16, 23, , 24]);
                         dispatch({ type: 'clear' });
-                        if (!overrideSubmitHandler) return [3 /*break*/, 7];
+                        if (!overrideSubmitHandler) return [3 /*break*/, 18];
                         return [4 /*yield*/, overrideSubmitHandler(__assign$8(__assign$8({}, updatedMessage), { parent: parent }), channel.cid, customMessageData)];
-                    case 6:
+                    case 17:
                         _a.sent();
-                        return [3 /*break*/, 9];
-                    case 7: return [4 /*yield*/, sendMessage(__assign$8(__assign$8({}, updatedMessage), { parent: parent }), customMessageData)];
-                    case 8:
+                        return [3 /*break*/, 20];
+                    case 18: return [4 /*yield*/, sendMessage(__assign$8(__assign$8({}, updatedMessage), { parent: parent }), customMessageData)];
+                    case 19:
                         _a.sent();
-                        _a.label = 9;
-                    case 9:
-                        if (!publishTypingEvent) return [3 /*break*/, 11];
+                        _a.label = 20;
+                    case 20:
+                        if (!publishTypingEvent) return [3 /*break*/, 22];
                         return [4 /*yield*/, channel.stopTyping()];
-                    case 10:
+                    case 21:
                         _a.sent();
-                        _a.label = 11;
-                    case 11: return [3 /*break*/, 13];
-                    case 12:
+                        _a.label = 22;
+                    case 22: return [3 /*break*/, 24];
+                    case 23:
                         _a.sent();
                         dispatch({
                             getNewText: function () { return text; },
@@ -45231,8 +45272,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             dispatch({ type: 'addMentionedUser', user: user });
                         });
                         addNotification(t('Send message request failed'), 'error');
-                        return [3 /*break*/, 13];
-                    case 13: return [2 /*return*/];
+                        return [3 /*break*/, 24];
+                    case 24: return [2 /*return*/];
                 }
             });
         }); };
@@ -45945,8 +45986,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var MessageSimpleWithContext = function (props) {
         var _a;
-        var additionalMessageInputProps = props.additionalMessageInputProps, clearEditingState = props.clearEditingState, editing = props.editing, endOfGroup = props.endOfGroup, firstOfGroup = props.firstOfGroup, groupedByUser = props.groupedByUser, handleAction = props.handleAction, handleOpenThread = props.handleOpenThread, handleRetry = props.handleRetry, highlighted = props.highlighted, isMyMessage = props.isMyMessage, isReactionEnabled = props.isReactionEnabled, message = props.message, onUserClick = props.onUserClick, onUserHover = props.onUserHover, reactionSelectorRef = props.reactionSelectorRef, renderText = props.renderText, showDetailedReactions = props.showDetailedReactions, threadList = props.threadList;
+        var additionalMessageInputProps = props.additionalMessageInputProps, clearEditingState = props.clearEditingState, editing = props.editing, endOfGroup = props.endOfGroup, firstOfGroup = props.firstOfGroup, groupedByUser = props.groupedByUser, handleAction = props.handleAction, handleOpenThread = props.handleOpenThread, handleRetry = props.handleRetry, highlighted = props.highlighted, isMyMessage = props.isMyMessage, isReactionEnabled = props.isReactionEnabled, message = props.message, onUserClick = props.onUserClick, onUserHover = props.onUserHover, reactionSelectorRef = props.reactionSelectorRef, renderText = props.renderText, setEditingState = props.setEditingState, showDetailedReactions = props.showDetailedReactions, threadList = props.threadList;
         var _b = useComponentContext('MessageSimple'), Attachment = _b.Attachment, _c = _b.Avatar, Avatar$1 = _c === void 0 ? Avatar : _c, _d = _b.EditMessageInput, EditMessageInput = _d === void 0 ? EditMessageForm : _d, _e = _b.MessageDeleted, MessageDeleted$1 = _e === void 0 ? MessageDeleted : _e, _f = _b.MessageOptions, MessageOptions$1 = _f === void 0 ? MessageOptions : _f, _g = _b.MessageRepliesCountButton, MessageRepliesCountButton$1 = _g === void 0 ? MessageRepliesCountButton : _g, _h = _b.MessageStatus, MessageStatus$1 = _h === void 0 ? MessageStatus : _h, _j = _b.MessageTimestamp, MessageTimestamp$1 = _j === void 0 ? MessageTimestamp : _j, _k = _b.ReactionSelector, ReactionSelector$1 = _k === void 0 ? ReactionSelector : _k, _l = _b.ReactionsList, ReactionsList$1 = _l === void 0 ? ReactionsList : _l;
+        var removeMessage = useChannelActionContext('useSubmitHandler').removeMessage;
         var themeVersion = useChatContext('MessageSimple').themeVersion;
         var hasAttachment = messageHasAttachments(message);
         var hasReactions = messageHasReactions(message);
@@ -45997,6 +46039,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 showMetadata && themeVersion === '2' && (React__default["default"].createElement("div", { className: 'str-chat__message-data str-chat__message-simple-data str-chat__message-metadata' },
                     React__default["default"].createElement(MessageStatus$1, null),
                     !isMyMessage() && !!message.user && (React__default["default"].createElement("span", { className: 'str-chat__message-simple-name' }, message.user.name || message.user.id)),
+                    message.moderation_details && (React__default["default"].createElement("div", { className: 'str-chat__message-moderation-error-actions-box' },
+                        React__default["default"].createElement("button", { onClick: function () { return removeMessage(message); } }, 'Remove'),
+                        React__default["default"].createElement("button", { onClick: function () { return handleRetry(message); } }, 'Send anyway'),
+                        React__default["default"].createElement("button", { className: 'str-chat__message-moderation-error-actions-box--primary', onClick: function (e) { return setEditingState(e); } }, 'Edit'))),
                     React__default["default"].createElement(MessageTimestamp$1, { calendar: true, customClass: 'str-chat__message-simple-timestamp' }))))));
     };
     var MemoizedMessageSimple = React__default["default"].memo(MessageSimpleWithContext, areMessageUIPropsEqual);
@@ -46685,6 +46731,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             });
         }); };
         var updateMessage = function (updatedMessage) {
+            var _a;
+            if (updatedMessage.moderation_details) {
+                updatedMessage.text = (_a = updatedMessage.moderation_details) === null || _a === void 0 ? void 0 : _a.original_text;
+            }
             // add the message to the local channel state
             channel.state.addMessageSorted(updatedMessage, true);
             dispatch({
@@ -48127,7 +48177,7 @@ var StreamChatReact = (function (exports, React$2, 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$1 = '10.4.1';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.5.0-alpha.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;