stream-chat-react 10.5.0 → 10.7.0

package/dist/browser.full-bundle.js

@@ -162,46 +162,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     	return a;
     }
 
-    var dist$1 = {};
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};Object.defineProperty(dist$1, "__esModule", { value: true });
-    var sanitizeUrl_1 = dist$1.sanitizeUrl = void 0;
-    var invalidProtocolRegex = /^([^\w]*)(javascript|data|vbscript)/im;
-    var htmlEntitiesRegex = /&#(\w+)(^\w|;)?/g;
-    var ctrlCharactersRegex = /[\u0000-\u001F\u007F-\u009F\u2000-\u200D\uFEFF]/gim;
-    var urlSchemeRegex = /^([^:]+):/gm;
-    var relativeFirstCharacters = [".", "/"];
-    function isRelativeUrlWithoutProtocol(url) {
-        return relativeFirstCharacters.indexOf(url[0]) > -1;
-    }
-    // adapted from https://stackoverflow.com/a/29824550/2601552
-    function decodeHtmlCharacters(str) {
-        return str.replace(htmlEntitiesRegex, function (match, dec) {
-            return String.fromCharCode(dec);
-        });
-    }
-    function sanitizeUrl(url) {
-        var sanitizedUrl = decodeHtmlCharacters(url || "")
-            .replace(ctrlCharactersRegex, "")
-            .trim();
-        if (!sanitizedUrl) {
-            return "about:blank";
-        }
-        if (isRelativeUrlWithoutProtocol(sanitizedUrl)) {
-            return sanitizedUrl;
-        }
-        var urlSchemeParseResults = sanitizedUrl.match(urlSchemeRegex);
-        if (!urlSchemeParseResults) {
-            return sanitizedUrl;
-        }
-        var urlScheme = urlSchemeParseResults[0];
-        if (invalidProtocolRegex.test(urlScheme)) {
-            return "about:blank";
-        }
-        return sanitizedUrl;
-    }
-    sanitizeUrl_1 = dist$1.sanitizeUrl = sanitizeUrl;
-
     var lib$1 = {};
 
     var players = {};
@@ -5810,6 +5770,46 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         return (React__default["default"].createElement("span", { className: 'str-chat__message-attachment-file--item-size' }, prettyBytes(fileSize)));
     };
 
+    var dist$1 = {};
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};Object.defineProperty(dist$1, "__esModule", { value: true });
+    var sanitizeUrl_1 = dist$1.sanitizeUrl = void 0;
+    var invalidProtocolRegex = /^([^\w]*)(javascript|data|vbscript)/im;
+    var htmlEntitiesRegex = /&#(\w+)(^\w|;)?/g;
+    var ctrlCharactersRegex = /[\u0000-\u001F\u007F-\u009F\u2000-\u200D\uFEFF]/gim;
+    var urlSchemeRegex = /^([^:]+):/gm;
+    var relativeFirstCharacters = [".", "/"];
+    function isRelativeUrlWithoutProtocol(url) {
+        return relativeFirstCharacters.indexOf(url[0]) > -1;
+    }
+    // adapted from https://stackoverflow.com/a/29824550/2601552
+    function decodeHtmlCharacters(str) {
+        return str.replace(htmlEntitiesRegex, function (match, dec) {
+            return String.fromCharCode(dec);
+        });
+    }
+    function sanitizeUrl(url) {
+        var sanitizedUrl = decodeHtmlCharacters(url || "")
+            .replace(ctrlCharactersRegex, "")
+            .trim();
+        if (!sanitizedUrl) {
+            return "about:blank";
+        }
+        if (isRelativeUrlWithoutProtocol(sanitizedUrl)) {
+            return sanitizedUrl;
+        }
+        var urlSchemeParseResults = sanitizedUrl.match(urlSchemeRegex);
+        if (!urlSchemeParseResults) {
+            return sanitizedUrl;
+        }
+        var urlScheme = urlSchemeParseResults[0];
+        if (invalidProtocolRegex.test(urlScheme)) {
+            return "about:blank";
+        }
+        return sanitizedUrl;
+    }
+    sanitizeUrl_1 = dist$1.sanitizeUrl = sanitizeUrl;
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedSafeAnchor = function (props) {
         var children = props.children, className = props.className, download = props.download, href = props.href, rel = props.rel, target = props.target;
         if (!href)
@@ -10834,7 +10834,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 React__default["default"].createElement("p", null, t('{{ imageCount }} more', {
                     imageCount: images.length - countImagesDisplayedInPreview,
                 })))) : (React__default["default"].createElement("button", { className: 'str-chat__gallery-image', "data-testid": 'gallery-image', key: "gallery-image-".concat(i), onClick: function () { return toggleModal(i); } },
-                React__default["default"].createElement("img", __assign$8({ alt: 'User uploaded content', src: image.previewUrl || image.image_url || image.thumb_url, style: image.style }, ((innerRefs === null || innerRefs === void 0 ? void 0 : innerRefs.current) && { ref: function (r) { return (innerRefs.current[i] = r); } })))));
+                React__default["default"].createElement("img", __assign$8({ alt: 'User uploaded content', src: sanitizeUrl_1(image.previewUrl || image.image_url || image.thumb_url), style: image.style }, ((innerRefs === null || innerRefs === void 0 ? void 0 : innerRefs.current) && { ref: function (r) { return (innerRefs.current[i] = r); } })))));
         });
         var className = clsx('str-chat__gallery', {
             'str-chat__gallery--square': images.length > lastImageIndexInPreview,
@@ -15290,6 +15290,18 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
       return tokens.length === 1 && tokens[0].isLink && (!type || tokens[0].t === type);
     }
 
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnsupportedAttachment = function (_a) {
+        var _b;
+        var attachment = _a.attachment;
+        return (React__default["default"].createElement("div", null,
+            React__default["default"].createElement("div", null,
+                "Unsupported attachment type ",
+                React__default["default"].createElement("strong", null, (_b = attachment.type) !== null && _b !== void 0 ? _b : 'unknown')),
+            React__default["default"].createElement("code", null, JSON.stringify(attachment, null, 4)),
+            ";"));
+    };
+    var NullComponent = function () { return null; };
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var AttachmentWithinContainer = function (_a) {
         var _b;
         var _c;
@@ -15427,12 +15439,18 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 content,
                 React__default["default"].createElement(AttachmentActionsContainer, __assign$8({}, props))))) : (React__default["default"].createElement(AttachmentWithinContainer, { attachment: attachment, componentType: componentType }, content));
     };
+    var UnsupportedAttachmentContainer = function (_a) {
+        var attachment = _a.attachment, _b = _a.UnsupportedAttachment, UnsupportedAttachment = _b === void 0 ? NullComponent : _b;
+        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(UnsupportedAttachment, { attachment: attachment })));
+    };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var CONTAINER_MAP = {
         audio: AudioContainer,
         card: CardContainer,
         file: FileContainer,
         media: MediaContainer,
+        unsupported: UnsupportedAttachmentContainer,
     };
     var ATTACHMENT_GROUPS_ORDER = [
         'card',
@@ -15441,6 +15459,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         'media',
         'audio',
         'file',
+        'unsupported',
     ];
     /**
      * A component used for rendering message attachments. By default, the component supports: AttachmentActions, Audio, Card, File, Gallery, Image, and Video
@@ -15452,26 +15471,27 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     };
     var renderGroupedAttachments = function (_a) {
         var attachments = _a.attachments, rest = __rest$4(_a, ["attachments"]);
-        var uploadedImages = [];
-        var containers = attachments.reduce(function (acc, attachment) {
-            if (isUploadedImage(attachment)) {
-                uploadedImages.push(__assign$8(__assign$8({}, attachment), { image_url: sanitizeUrl_1(attachment.image_url), thumb_url: sanitizeUrl_1(attachment.thumb_url) }));
-            }
-            else {
-                var attachmentType = getAttachmentType(attachment);
-                if (attachmentType) {
-                    var Container = CONTAINER_MAP[attachmentType];
-                    acc[attachmentType].push(React__default["default"].createElement(Container, __assign$8({ key: "".concat(attachmentType, "-").concat(acc[attachmentType].length) }, rest, { attachment: attachment })));
-                }
-            }
-            return acc;
+        var uploadedImages = attachments.filter(function (attachment) {
+            return isUploadedImage(attachment);
+        });
+        var containers = attachments
+            .filter(function (attachment) { return !isUploadedImage(attachment); })
+            .reduce(function (typeMap, attachment) {
+            var attachmentType = getAttachmentType(attachment);
+            var Container = CONTAINER_MAP[attachmentType];
+            typeMap[attachmentType].push(React__default["default"].createElement(Container, __assign$8({ key: "".concat(attachmentType, "-").concat(typeMap[attachmentType].length) }, rest, { attachment: attachment })));
+            return typeMap;
         }, {
             audio: [],
             card: [],
             file: [],
-            gallery: [],
-            image: [],
             media: [],
+            unsupported: [],
+            // not used in reduce
+            // eslint-disable-next-line sort-keys
+            image: [],
+            // eslint-disable-next-line sort-keys
+            gallery: [],
         });
         if (uploadedImages.length > 1) {
             containers['gallery'] = [
@@ -15501,7 +15521,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         else if (isFileAttachment(attachment)) {
             return 'file';
         }
-        return null;
+        return 'unsupported';
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -47108,7 +47128,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         };
         /** THREAD */
         var openThread = function (message, event) {
-            event.preventDefault();
+            event === null || event === void 0 ? void 0 : event.preventDefault();
             setQuotedMessage(function (current) {
                 if ((current === null || current === void 0 ? void 0 : current.parent_id) !== (message === null || message === void 0 ? void 0 : message.parent_id)) {
                     return undefined;
@@ -47120,7 +47140,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             dispatch({ channel: channel, message: message, type: 'openThread' });
         };
         var closeThread = function (event) {
-            event.preventDefault();
+            event === null || event === void 0 ? void 0 : event.preventDefault();
             dispatch({ type: 'closeThread' });
         };
         var loadMoreThreadFinished = lodash_debounce(function (threadHasMore, threadMessages) {
@@ -48456,7 +48476,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.5.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.7.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -49486,10 +49506,10 @@ 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 UnMemoizedCustomNotification = function (props) {
-        var active = props.active, children = props.children, type = props.type;
+        var active = props.active, children = props.children, className = props.className, type = props.type;
         if (!active)
             return null;
-        return (React__default["default"].createElement("div", { "aria-live": 'polite', className: "str-chat__custom-notification notification-".concat(type, " str-chat__notification"), "data-testid": 'custom-notification' }, children));
+        return (React__default["default"].createElement("div", { "aria-live": 'polite', className: clsx("str-chat__custom-notification notification-".concat(type), "str-chat__notification", className), "data-testid": 'custom-notification' }, children));
     };
     var CustomNotification = React__default["default"].memo(UnMemoizedCustomNotification);
 
@@ -49507,7 +49527,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             client.on('connection.changed', connectionChanged);
             return function () { return client.off('connection.changed', connectionChanged); };
         }, [client, online]);
-        return (React__default["default"].createElement(CustomNotification, { active: !online, type: 'error' }, t('Connection failure, reconnecting now...')));
+        return (React__default["default"].createElement(CustomNotification, { active: !online, className: 'str-chat__connection-status-notification', type: 'error' }, t('Connection failure, reconnecting now...')));
     };
     var ConnectionStatus = React__default["default"].memo(UnMemoizedConnectionStatus);
 
@@ -49572,7 +49592,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         var lastReceivedId = React$2.useMemo(function () { return getLastReceived(enrichedMessages); }, [enrichedMessages]);
         var elements = React$2.useMemo(function () {
             return enrichedMessages.map(function (message) {
-                var _a;
                 if (message.customType === CUSTOM_MESSAGE_TYPE.date &&
                     message.date &&
                     isDate(message.date)) {
@@ -49584,9 +49603,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                         React__default["default"].createElement(HeaderComponent, null)));
                 }
                 if (message.type === 'system') {
-                    return (React__default["default"].createElement("li", { key: ((_a = message.event) === null || _a === void 0 ? void 0 : _a.created_at) ||
-                            message.created_at ||
-                            '' },
+                    return (React__default["default"].createElement("li", { key: message.id || message.created_at },
                         React__default["default"].createElement(MessageSystem, { message: message })));
                 }
                 var groupStyles = messageGroupStyles[message.id] || '';
@@ -51638,7 +51655,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             React__default["default"].createElement("div", { className: 'str-chat__thread-header-details' },
                 React__default["default"].createElement("div", { className: 'str-chat__thread-header-title' }, t('Thread')),
                 React__default["default"].createElement("div", { className: 'str-chat__thread-header-subtitle' }, displayTitle)),
-            React__default["default"].createElement("button", { "aria-label": 'Close thread', className: 'str-chat__square-button str-chat__close-thread-button', "data-testid": 'close-button', onClick: function (event) { return closeThread(event); } },
+            React__default["default"].createElement("button", { "aria-label": 'Close thread', className: 'str-chat__square-button str-chat__close-thread-button', "data-testid": 'close-button', onClick: closeThread },
                 React__default["default"].createElement(CloseIcon, null))));
     };
 
@@ -51703,9 +51720,11 @@ 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 UnMemoizedWindow = function (props) {
-        var children = props.children, _a = props.hideOnThread, hideOnThread = _a === void 0 ? false : _a;
-        var thread = useChannelStateContext('Window').thread;
-        return (React__default["default"].createElement("div", { className: "str-chat__main-panel   ".concat(hideOnThread && thread ? 'str-chat__main-panel--hideOnThread' : '') }, children));
+        var children = props.children, _a = props.hideOnThread, hideOnThread = _a === void 0 ? false : _a, propThread = props.thread;
+        var contextThread = useChannelStateContext('Window').thread;
+        return (React__default["default"].createElement("div", { className: clsx('str-chat__main-panel', {
+                'str-chat__main-panel--hideOnThread': hideOnThread && (contextThread || propThread),
+            }) }, children));
     };
     /**
      * A UI component for conditionally displaying a Thread or Channel
@@ -78527,6 +78546,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     exports.MessageTimestamp = MessageTimestamp;
     exports.Modal = Modal;
     exports.ModalGallery = ModalGallery;
+    exports.NullComponent = NullComponent;
     exports.PinIcon = PinIcon;
     exports.PinIndicator = PinIndicator;
     exports.PlayButton = PlayButton;
@@ -78562,6 +78582,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     exports.TypingIndicator = TypingIndicator;
     exports.TypingProvider = TypingProvider;
     exports.UnMemoizedLoadMorePaginator = UnMemoizedLoadMorePaginator;
+    exports.UnsupportedAttachment = UnsupportedAttachment;
+    exports.UnsupportedAttachmentContainer = UnsupportedAttachmentContainer;
     exports.UploadIcon = UploadIcon;
     exports.UploadsPreview = UploadsPreview;
     exports.UserItem = UserItem;