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

package/dist/index.cjs.js

@@ -28,10 +28,10 @@ require('dayjs/locale/tr');
 require('dayjs/locale/en');
 var ImageGallery = require('react-image-gallery');
 var reactFileUtils = require('react-file-utils');
+var linkify = require('linkifyjs');
 var _defineProperty$2 = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray$2 = require('@babel/runtime/helpers/slicedToArray');
 var emojiRegex = require('emoji-regex');
-var linkify = require('linkifyjs');
 var nanoid = require('nanoid');
 var uniqBy = require('lodash.uniqby');
 var PropTypes = require('prop-types');
@@ -89,10 +89,10 @@ var updateLocale__default = /*#__PURE__*/_interopDefaultLegacy(updateLocale);
 var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
 var relativeTime__default = /*#__PURE__*/_interopDefaultLegacy(relativeTime);
 var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
+var linkify__namespace = /*#__PURE__*/_interopNamespace(linkify);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$2);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray$2);
 var emojiRegex__default = /*#__PURE__*/_interopDefaultLegacy(emojiRegex);
-var linkify__namespace = /*#__PURE__*/_interopNamespace(linkify);
 var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var ReactIs__default = /*#__PURE__*/_interopDefaultLegacy(ReactIs);
@@ -1746,12 +1746,11 @@ var AttachmentActionsContainer = function (_a) {
     return (React__default["default"].createElement(AttachmentActions$1, __assign({}, attachment, { actionHandler: actionHandler, actions: attachment.actions, id: attachment.id || '', text: attachment.text || '' })));
 };
 function getCssDimensionsVariables(url) {
-    var _a;
-    var cssVars = (_a = {},
-        _a['--original-height'] = 1000000,
-        _a['--original-width'] = 1000000,
-        _a);
-    if (url) {
+    var cssVars = {
+        '--original-height': 1000000,
+        '--original-width': 1000000,
+    };
+    if (linkify__namespace.test(url, 'url')) {
         var urlParams = new URL(url).searchParams;
         var oh = Number(urlParams.get('oh'));
         var ow = Number(urlParams.get('ow'));
@@ -27865,7 +27864,7 @@ var UnMemoizedMessageTextComponent = function (props) {
                 ? " 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'))),
@@ -30772,7 +30771,7 @@ var useSubmitHandler = function (props, state, dispatch, numberOfUploads) {
     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.useRef({ hasChanged: false, initialText: text });
     React.useEffect(function () {
@@ -30855,42 +30854,83 @@ var useSubmitHandler = function (props, state, dispatch, numberOfUploads) {
                         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(__assign(__assign({}, 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(__assign({}, updatedMessage), { parent: parent }), channel.cid, customMessageData)];
                 case 2:
+                    _a.sent();
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, sendMessage(__assign(__assign({}, 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(__assign(__assign({}, 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(__assign({}, updatedMessage), { parent: parent }), channel.cid, customMessageData)];
-                case 6:
+                case 17:
                     _a.sent();
-                    return [3 /*break*/, 9];
-                case 7: return [4 /*yield*/, sendMessage(__assign(__assign({}, updatedMessage), { parent: parent }), customMessageData)];
-                case 8:
+                    return [3 /*break*/, 20];
+                case 18: return [4 /*yield*/, sendMessage(__assign(__assign({}, 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; },
@@ -30900,8 +30940,8 @@ var useSubmitHandler = function (props, state, dispatch, numberOfUploads) {
                         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*/];
             }
         });
     }); };
@@ -31606,8 +31646,9 @@ var SimpleReactionsList = React__default["default"].memo(UnMemoizedSimpleReactio
 
 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);
@@ -31658,6 +31699,10 @@ var MessageSimpleWithContext = function (props) {
             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);
@@ -31940,21 +31985,28 @@ var useChannelContainerClasses = function (_a) {
 };
 
 var getImageAttachmentConfiguration = function (attachment, element) {
-    var url = new URL((attachment.image_url || attachment.thumb_url || ''));
-    var resizeDimensions = getSizingRestrictions(url, element);
-    if (resizeDimensions) {
-        // Apply 2x for retina displays
-        resizeDimensions.height *= 2;
-        resizeDimensions.width *= 2;
-        addResizingParamsToUrl(resizeDimensions, url);
+    var newUrl = undefined;
+    var urlToTest = attachment.image_url || attachment.thumb_url || '';
+    if (linkify__namespace.test(urlToTest, 'url')) {
+        var url = new URL(urlToTest);
+        var resizeDimensions = getSizingRestrictions(url, element);
+        if (resizeDimensions) {
+            // Apply 2x for retina displays
+            resizeDimensions.height *= 2;
+            resizeDimensions.width *= 2;
+            addResizingParamsToUrl(resizeDimensions, url);
+        }
+        newUrl = url.href;
     }
     return {
-        url: url.href,
+        url: newUrl || '',
     };
 };
 var getVideoAttachmentConfiguration = function (attachment, element, shouldGenerateVideoThumbnail) {
     var thumbUrl = undefined;
-    if (attachment.thumb_url && shouldGenerateVideoThumbnail) {
+    if (attachment.thumb_url &&
+        shouldGenerateVideoThumbnail &&
+        linkify__namespace.test(attachment.thumb_url, 'url')) {
         var url = new URL(attachment.thumb_url);
         var resizeDimensions = getSizingRestrictions(url, element);
         if (resizeDimensions) {
@@ -32339,6 +32391,10 @@ var ChannelInner = function (props) {
         });
     }); };
     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({
@@ -33765,7 +33821,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.4.0';
+var version = '10.5.0-alpha.0';
 
 var useChat = function (_a) {
     var _b, _c;