stream-chat-react 11.6.0 → 11.8.0

package/dist/components/ChannelList/hooks/usePaginatedChannels.js

@@ -5,7 +5,7 @@ import { MAX_QUERY_CHANNELS_LIMIT } from '../utils';
 import { useChatContext } from '../../../context/ChatContext';
 var RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 5000;
 var MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2000;
-export var usePaginatedChannels = function (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs) {
+export var usePaginatedChannels = function (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs, customQueryChannels) {
     if (recoveryThrottleIntervalMs === void 0) { recoveryThrottleIntervalMs = RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS; }
     var _a = useChatContext('usePaginatedChannels').channelsQueryState, error = _a.error, setError = _a.setError, setQueryInProgress = _a.setQueryInProgress;
     var _b = useState([]), channels = _b[0], setChannels = _b[1];
@@ -20,49 +20,61 @@ export var usePaginatedChannels = function (client, filters, sort, options, acti
     var filterString = useMemo(function () { return JSON.stringify(filters); }, [filters]);
     var sortString = useMemo(function () { return JSON.stringify(sort); }, [sort]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var queryChannels = function (queryType) { return __awaiter(void 0, void 0, void 0, function () {
-        var offset, newOptions, channelQueryResponse, newChannels, err_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    setError(null);
-                    if (queryType === 'reload') {
-                        setChannels([]);
-                        setQueryInProgress('reload');
-                    }
-                    else {
-                        setQueryInProgress('load-more');
-                    }
-                    offset = queryType === 'reload' ? 0 : channels.length;
-                    newOptions = __assign({ limit: (_a = options === null || options === void 0 ? void 0 : options.limit) !== null && _a !== void 0 ? _a : MAX_QUERY_CHANNELS_LIMIT, offset: offset }, options);
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, client.queryChannels(filters, sort || {}, newOptions)];
-                case 2:
-                    channelQueryResponse = _b.sent();
-                    newChannels = queryType === 'reload'
-                        ? channelQueryResponse
-                        : uniqBy(__spreadArray(__spreadArray([], channels, true), channelQueryResponse, true), 'cid');
-                    setChannels(newChannels);
-                    setHasNextPage(channelQueryResponse.length >= newOptions.limit);
-                    // Set active channel only on load of first page
-                    if (!offset && activeChannelHandler) {
-                        activeChannelHandler(newChannels, setChannels);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    err_1 = _b.sent();
-                    console.warn(err_1);
-                    setError(err_1);
-                    return [3 /*break*/, 4];
-                case 4:
-                    setQueryInProgress(null);
-                    return [2 /*return*/];
-            }
+    var queryChannels = function (queryType) {
+        if (queryType === void 0) { queryType = 'load-more'; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var offset, newOptions, channelQueryResponse, newChannels, err_1;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        setError(null);
+                        if (queryType === 'reload') {
+                            setChannels([]);
+                        }
+                        setQueryInProgress(queryType);
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 6, , 7]);
+                        if (!customQueryChannels) return [3 /*break*/, 3];
+                        return [4 /*yield*/, customQueryChannels({
+                                currentChannels: channels,
+                                queryType: queryType,
+                                setChannels: setChannels,
+                                setHasNextPage: setHasNextPage,
+                            })];
+                    case 2:
+                        _b.sent();
+                        return [3 /*break*/, 5];
+                    case 3:
+                        offset = queryType === 'reload' ? 0 : channels.length;
+                        newOptions = __assign({ limit: (_a = options === null || options === void 0 ? void 0 : options.limit) !== null && _a !== void 0 ? _a : MAX_QUERY_CHANNELS_LIMIT, offset: offset }, options);
+                        return [4 /*yield*/, client.queryChannels(filters, sort || {}, newOptions)];
+                    case 4:
+                        channelQueryResponse = _b.sent();
+                        newChannels = queryType === 'reload'
+                            ? channelQueryResponse
+                            : uniqBy(__spreadArray(__spreadArray([], channels, true), channelQueryResponse, true), 'cid');
+                        setChannels(newChannels);
+                        setHasNextPage(channelQueryResponse.length >= newOptions.limit);
+                        // Set active channel only on load of first page
+                        if (!offset && activeChannelHandler) {
+                            activeChannelHandler(newChannels, setChannels);
+                        }
+                        _b.label = 5;
+                    case 5: return [3 /*break*/, 7];
+                    case 6:
+                        err_1 = _b.sent();
+                        console.warn(err_1);
+                        setError(err_1);
+                        return [3 /*break*/, 7];
+                    case 7:
+                        setQueryInProgress(null);
+                        return [2 /*return*/];
+                }
+            });
         });
-    }); };
+    };
     var throttleRecover = useCallback(function () {
         var now = Date.now();
         var isFirstRecovery = !lastRecoveryTimestamp.current;

package/dist/components/ChannelPreview/ChannelPreview.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { MarkChannelReadOn } from './ChannelPreviewMessenger';
 import { ChatContextValue } from '../../context/ChatContext';
 import { MessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';
 import type { Channel } from 'stream-chat';
@@ -17,21 +16,6 @@ export type ChannelPreviewUIComponentProps<StreamChatGenerics extends DefaultStr
     lastMessage?: StreamMessage<StreamChatGenerics>;
     /** Latest message preview to display, will be a string or JSX element supporting markdown. */
     latestMessage?: string | JSX.Element;
-    /**
-     * Configuration that determines when and whether a channel is marked read upon clicking ChannelPreview.
-     * 1. MarkChannelReadOn.never:
-     * Prevents a channel from being marked read when any ChannelPreview is clicked.
-     * 2. MarkChannelReadOn.leave:
-     * Marks active channel read before switching the active channel state to the clicked preview's channel.
-     * This means that active channel being left is marked read before navigating to another channel.
-     * 3. MarkChannelReadOn.reenter:
-     * Channel, which is re-entered by clicking the preview, is marked read.
-     * That means
-     *  1. an active channel can be marked unread, left and on return marked read.
-     *  2. a non-active channel receives a new message, is entered, left and re-entered and marked read.
-     * The default configuration is set to MarkChannelReadOn.reenter.
-     */
-    markActiveChannelReadOn?: MarkChannelReadOn;
     /** Status describing whether own message has been delivered or read by another. If the last message is not an own message, then the status is undefined. */
     messageDeliveryStatus?: MessageDeliveryStatus;
     /** Number of unread Messages */

package/dist/components/ChannelPreview/ChannelPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreview.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAA2B,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAKvF,OAAO,EAAE,gBAAgB,EAAkB,MAAM,2BAA2B,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAA4B,MAAM,kCAAkC,CAAC;AAEnG,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,8BAA8B,CACxC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;IAC5C,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAChD,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC;;;;;;;;;;;;;OAaG;IACH,uBAAuB,CAAC,EAAE,iBAAiB,CAAC;IAC5C,4JAA4J;IAC5J,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,6MAA6M;IAC7M,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC5C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,6PAA6P;IAC7P,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,8BAA8B,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC5E,2CAA2C;IAC3C,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,0JA4F1B,CAAC"}
+{"version":3,"file":"ChannelPreview.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAOhE,OAAO,EAAE,gBAAgB,EAAkB,MAAM,2BAA2B,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAA4B,MAAM,kCAAkC,CAAC;AAEnG,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,8BAA8B,CACxC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;IAC5C,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAChD,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,4JAA4J;IAC5J,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,6MAA6M;IAC7M,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC5C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,6PAA6P;IAC7P,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,8BAA8B,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC5E,2CAA2C;IAC3C,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,0JA4F1B,CAAC"}

package/dist/components/ChannelPreview/ChannelPreviewMessenger.d.ts

@@ -1,10 +1,5 @@
 import type { ChannelPreviewUIComponentProps } from './ChannelPreview';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-export declare enum MarkChannelReadOn {
-    'never' = 0,
-    'leave' = 1,
-    'reenter' = 2
-}
 /**
  * Used as preview component for channel item in [ChannelList](#channellist) component.
  * Its best suited for messenger type chat.

package/dist/components/ChannelPreview/ChannelPreviewMessenger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreviewMessenger.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreviewMessenger.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,iBAAiB;IAC3B,OAAO,IAAA;IACP,OAAO,IAAA;IACP,SAAS,IAAA;CACV;AA4HD;;;GAGG;AACH,eAAO,MAAM,uBAAuB,8JAES,CAAC"}
+{"version":3,"file":"ChannelPreviewMessenger.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreviewMessenger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAwEnE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,8JAES,CAAC"}

package/dist/components/ChannelPreview/ChannelPreviewMessenger.js

@@ -1,82 +1,22 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useRef } from 'react';
 import clsx from 'clsx';
 import { Avatar as DefaultAvatar } from '../Avatar';
-import { useChatContext } from '../../context';
-export var MarkChannelReadOn;
-(function (MarkChannelReadOn) {
-    MarkChannelReadOn[MarkChannelReadOn["never"] = 0] = "never";
-    MarkChannelReadOn[MarkChannelReadOn["leave"] = 1] = "leave";
-    MarkChannelReadOn[MarkChannelReadOn["reenter"] = 2] = "reenter";
-})(MarkChannelReadOn || (MarkChannelReadOn = {}));
 var UnMemoizedChannelPreviewMessenger = function (props) {
     var _a, _b;
-    var active = props.active, activeChannel = props.activeChannel, _c = props.Avatar, Avatar = _c === void 0 ? DefaultAvatar : _c, channel = props.channel, _d = props.className, customClassName = _d === void 0 ? '' : _d, displayImage = props.displayImage, displayTitle = props.displayTitle, latestMessage = props.latestMessage, _e = props.markActiveChannelReadOn, markActiveChannelReadOn = _e === void 0 ? MarkChannelReadOn.reenter : _e, customOnSelectChannel = props.onSelect, setActiveChannel = props.setActiveChannel, unread = props.unread, watchers = props.watchers;
-    var client = useChatContext('ChannelPreviewMessenger').client;
+    var active = props.active, _c = props.Avatar, Avatar = _c === void 0 ? DefaultAvatar : _c, channel = props.channel, _d = props.className, customClassName = _d === void 0 ? '' : _d, displayImage = props.displayImage, displayTitle = props.displayTitle, latestMessage = props.latestMessage, customOnSelectChannel = props.onSelect, setActiveChannel = props.setActiveChannel, unread = props.unread, watchers = props.watchers;
     var channelPreviewButton = useRef(null);
     var avatarName = displayTitle || ((_b = (_a = channel.state.messages[channel.state.messages.length - 1]) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.id);
-    var previouslyClicked = useRef(active);
-    var handleMarkReadOnReenter = function () {
-        if (!client.user)
-            return;
-        var ownReadState = channel.state.read[client.user.id];
-        if (!previouslyClicked.current) {
-            previouslyClicked.current = true;
-        }
-        else if (!active &&
-            ((ownReadState === null || ownReadState === void 0 ? void 0 : ownReadState.first_unread_message_id) || (ownReadState === null || ownReadState === void 0 ? void 0 : ownReadState.unread_messages) > 0) &&
-            previouslyClicked.current) {
-            channel.markRead();
-        }
-    };
-    var handleMarkReadOnLeave = function () {
-        if (!(client.user && activeChannel))
-            return;
-        var ownReadState = activeChannel.state.read[client.user.id];
-        if ((ownReadState === null || ownReadState === void 0 ? void 0 : ownReadState.first_unread_message_id) || (ownReadState === null || ownReadState === void 0 ? void 0 : ownReadState.unread_messages) > 0) {
-            activeChannel.markRead();
-        }
-    };
     var onSelectChannel = function (e) {
         if (customOnSelectChannel) {
             customOnSelectChannel(e);
         }
         else if (setActiveChannel) {
-            // eslint-disable-next-line default-case
-            switch (markActiveChannelReadOn) {
-                case MarkChannelReadOn.never:
-                    break;
-                case MarkChannelReadOn.leave:
-                    handleMarkReadOnLeave();
-                    break;
-                case MarkChannelReadOn.reenter:
-                    handleMarkReadOnReenter();
-            }
             setActiveChannel(channel, watchers);
         }
         if (channelPreviewButton === null || channelPreviewButton === void 0 ? void 0 : channelPreviewButton.current) {
             channelPreviewButton.current.blur();
         }
     };
-    useEffect(function () {
-        if (markActiveChannelReadOn !== MarkChannelReadOn.reenter)
-            return;
-        var handleEvent = function (event) {
-            var _a, _b;
-            if (active)
-                return;
-            if (channel.cid !== event.cid)
-                return;
-            if (event.type === 'notification.mark_unread' && ((_a = event.user) === null || _a === void 0 ? void 0 : _a.id) !== ((_b = client.user) === null || _b === void 0 ? void 0 : _b.id))
-                return;
-            previouslyClicked.current = false;
-        };
-        channel.on('notification.mark_unread', handleEvent);
-        channel.on('message.new', handleEvent);
-        return function () {
-            channel.off('notification.mark_unread', handleEvent);
-            channel.off('message.new', handleEvent);
-        };
-    }, [active, channel, client, markActiveChannelReadOn, previouslyClicked]);
     return (React.createElement("button", { "aria-label": "Select Channel: ".concat(displayTitle || ''), "aria-selected": active, className: clsx("str-chat__channel-preview-messenger str-chat__channel-preview", active && 'str-chat__channel-preview-messenger--active', unread && unread >= 1 && 'str-chat__channel-preview-messenger--unread', customClassName), "data-testid": 'channel-preview-button', onClick: onSelectChannel, ref: channelPreviewButton, role: 'option' },
         React.createElement("div", { className: 'str-chat__channel-preview-messenger--left' },
             React.createElement(Avatar, { image: displayImage, name: avatarName, size: 40 })),

package/dist/components/Chat/hooks/useChannelsQueryState.d.ts

@@ -3,9 +3,9 @@ import type { APIErrorResponse, ErrorFromResponse } from 'stream-chat';
 type ChannelQueryState = 'uninitialized' | 'reload' | 'load-more' | null;
 export interface ChannelsQueryState {
     error: ErrorFromResponse<APIErrorResponse> | null;
-    queryInProgress: ChannelQueryState | null;
+    queryInProgress: ChannelQueryState;
     setError: Dispatch<SetStateAction<ErrorFromResponse<APIErrorResponse> | null>>;
-    setQueryInProgress: Dispatch<SetStateAction<ChannelQueryState | null>>;
+    setQueryInProgress: Dispatch<SetStateAction<ChannelQueryState>>;
 }
 export declare const useChannelsQueryState: () => ChannelsQueryState;
 export {};

package/dist/components/Chat/hooks/useChannelsQueryState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChannelsQueryState.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChannelsQueryState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEvE,KAAK,iBAAiB,GAClB,eAAe,GACf,QAAQ,GACR,WAAW,GACX,IAAI,CAAC;AAET,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAClD,eAAe,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC1C,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC/E,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC;CACxE;AAED,eAAO,MAAM,qBAAqB,QAAO,kBAUxC,CAAC"}
+{"version":3,"file":"useChannelsQueryState.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChannelsQueryState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEvE,KAAK,iBAAiB,GAClB,eAAe,GACf,QAAQ,GACR,WAAW,GACX,IAAI,CAAC;AAET,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAClD,eAAe,EAAE,iBAAiB,CAAC;IACnC,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC/E,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACjE;AAED,eAAO,MAAM,qBAAqB,QAAO,kBAUxC,CAAC"}

package/dist/components/Emojis/index.cjs.js

@@ -2,12 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var icons = require('../../icons-7ead3d97.js');
+var Window = require('../../Window-7c2f264c.js');
 var React = require('react');
 var Picker = require('@emoji-mart/react');
-require('react-dom');
-require('react-fast-compare');
-require('crypto');
 require('dayjs');
 require('dayjs/plugin/calendar');
 require('dayjs/plugin/localizedFormat');
@@ -29,6 +26,27 @@ require('dayjs/locale/pt');
 require('dayjs/locale/ru');
 require('dayjs/locale/tr');
 require('dayjs/locale/en');
+require('lodash.uniqby');
+require('react/jsx-runtime');
+require('react-player');
+require('pretty-bytes');
+require('@braintree/sanitize-url');
+require('react-image-gallery');
+require('prop-types');
+require('linkifyjs');
+require('emoji-regex');
+require('@babel/runtime/helpers/extends');
+require('@babel/runtime/helpers/defineProperty');
+require('react-textarea-autosize');
+require('textarea-caret');
+require('react-is');
+require('lodash.debounce');
+require('lodash.throttle');
+require('crypto');
+require('react-fast-compare');
+require('react-dom');
+require('stream-chat');
+require('react-virtuoso');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -67,15 +85,15 @@ var classNames = {
 };
 var EmojiPicker = function (props) {
     var _a, _b, _c;
-    var themeVersion = icons.useChatContext('EmojiPicker').themeVersion;
-    var t = icons.useTranslationContext('EmojiPicker').t;
-    var _d = icons.useMessageInputContext('EmojiPicker'), insertText = _d.insertText, textareaRef = _d.textareaRef;
+    var themeVersion = Window.useChatContext('EmojiPicker').themeVersion;
+    var t = Window.useTranslationContext('EmojiPicker').t;
+    var _d = Window.useMessageInputContext('EmojiPicker'), insertText = _d.insertText, textareaRef = _d.textareaRef;
     var _e = React.useState(false), displayPicker = _e[0], setDisplayPicker = _e[1];
     var _f = React.useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
     var _g = React.useState(null), popperElement = _g[0], setPopperElement = _g[1];
-    var _h = icons.usePopper(referenceElement, popperElement, icons.__assign({ placement: themeVersion === '2' ? 'top-end' : 'top-start' }, props.popperOptions)), attributes = _h.attributes, styles = _h.styles;
+    var _h = Window.usePopper(referenceElement, popperElement, Window.__assign({ placement: themeVersion === '2' ? 'top-end' : 'top-start' }, props.popperOptions)), attributes = _h.attributes, styles = _h.styles;
     var _j = classNames[themeVersion], buttonClassName = _j.buttonClassName, pickerContainerClassName = _j.pickerContainerClassName, wrapperClassName = _j.wrapperClassName;
-    var _k = props.ButtonIconComponent, ButtonIconComponent = _k === void 0 ? themeVersion === '2' ? icons.EmojiPickerIcon : icons.EmojiIconLarge : _k;
+    var _k = props.ButtonIconComponent, ButtonIconComponent = _k === void 0 ? themeVersion === '2' ? Window.EmojiPickerIcon : Window.EmojiIconLarge : _k;
     React.useEffect(function () {
         if (!popperElement || !referenceElement)
             return;
@@ -89,8 +107,8 @@ var EmojiPicker = function (props) {
         return function () { return window.removeEventListener('pointerdown', handlePointerDown); };
     }, [referenceElement, popperElement]);
     return (React__default["default"].createElement("div", { className: (_a = props.wrapperClassName) !== null && _a !== void 0 ? _a : wrapperClassName },
-        displayPicker && (React__default["default"].createElement("div", icons.__assign({ className: (_b = props.pickerContainerClassName) !== null && _b !== void 0 ? _b : pickerContainerClassName, style: styles.popper }, attributes.popper, { ref: setPopperElement }),
-            React__default["default"].createElement(Picker__default["default"], icons.__assign({ data: function () { return icons.__awaiter(void 0, void 0, void 0, function () { return icons.__generator(this, function (_a) {
+        displayPicker && (React__default["default"].createElement("div", Window.__assign({ className: (_b = props.pickerContainerClassName) !== null && _b !== void 0 ? _b : pickerContainerClassName, style: styles.popper }, attributes.popper, { ref: setPopperElement }),
+            React__default["default"].createElement(Picker__default["default"], Window.__assign({ data: function () { return Window.__awaiter(void 0, void 0, void 0, function () { return Window.__generator(this, function (_a) {
                     switch (_a.label) {
                         case 0: return [4 /*yield*/, Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@emoji-mart/data')); })];
                         case 1: return [2 /*return*/, (_a.sent()).default];
@@ -100,7 +118,7 @@ var EmojiPicker = function (props) {
                     insertText(e.native);
                     (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                 } }, props.pickerProps)))),
-        themeVersion === '1' && (React__default["default"].createElement(icons.Tooltip, null, displayPicker ? t('Close emoji picker') : t('Open emoji picker'))),
+        themeVersion === '1' && (React__default["default"].createElement(Window.Tooltip, null, displayPicker ? t('Close emoji picker') : t('Open emoji picker'))),
         React__default["default"].createElement("button", { "aria-label": 'Emoji picker', className: (_c = props.buttonClassName) !== null && _c !== void 0 ? _c : buttonClassName, onClick: function () { return setDisplayPicker(function (cv) { return !cv; }); }, ref: setReferenceElement, type: 'button' }, ButtonIconComponent && React__default["default"].createElement(ButtonIconComponent, null))));
 };
 

package/dist/components/Message/MessageErrorText.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StreamMessage } from '../../context';
+import { DefaultStreamChatGenerics } from '../../types/types';
+export interface MessageErrorTextProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
+    message: StreamMessage<StreamChatGenerics>;
+    theme: string;
+}
+export declare function MessageErrorText<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ message, theme }: MessageErrorTextProps<StreamChatGenerics>): JSX.Element | null;
+//# sourceMappingURL=MessageErrorText.d.ts.map

package/dist/components/Message/MessageErrorText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageErrorText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageErrorText.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAyB,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,MAAM,WAAW,qBAAqB,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB;IAEhF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,gBAAgB,CAC9B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,sBAsB9D"}

package/dist/components/Message/MessageErrorText.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { useTranslationContext } from '../../context';
+import { isMessageBounced } from './utils';
+export function MessageErrorText(_a) {
+    var message = _a.message, theme = _a.theme;
+    var t = useTranslationContext('MessageText').t;
+    if (message.type === 'error' && !isMessageBounced(message)) {
+        return (React.createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, t('Error · Unsent')));
+    }
+    if (message.status === 'failed') {
+        return (React.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')));
+    }
+    return null;
+}

package/dist/components/Message/MessageSimple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA6LnE;;GAEG;AACH,eAAO,MAAM,aAAa,4JAQzB,CAAC"}
+{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAgNnE;;GAEG;AACH,eAAO,MAAM,aAAa,4JAQzB,CAAC"}

package/dist/components/Message/MessageSimple.js

@@ -1,27 +1,30 @@
 import { __assign } from "tslib";
-import React from 'react';
+import React, { useState } from 'react';
 import clsx from 'clsx';
 import { MessageErrorIcon } from './icons';
+import { MessageBouncePrompt as DefaultMessageBouncePrompt } from '../MessageBounce';
 import { MessageDeleted as DefaultMessageDeleted } from './MessageDeleted';
 import { MessageOptions as DefaultMessageOptions } from './MessageOptions';
 import { MessageRepliesCountButton as DefaultMessageRepliesCountButton } from './MessageRepliesCountButton';
 import { MessageStatus as DefaultMessageStatus } from './MessageStatus';
 import { MessageText } from './MessageText';
 import { MessageTimestamp as DefaultMessageTimestamp } from './MessageTimestamp';
-import { areMessageUIPropsEqual, messageHasAttachments, messageHasReactions } from './utils';
+import { areMessageUIPropsEqual, isMessageBounced, messageHasAttachments, messageHasReactions, } from './utils';
 import { Avatar as DefaultAvatar } from '../Avatar';
 import { CUSTOM_MESSAGE_TYPE } from '../../constants/messageTypes';
 import { EditMessageForm as DefaultEditMessageForm, MessageInput } from '../MessageInput';
 import { MML } from '../MML';
 import { Modal } from '../Modal';
 import { ReactionsList as DefaultReactionList, ReactionSelector as DefaultReactionSelector, } from '../Reactions';
+import { MessageBounceModal } from '../MessageBounce/MessageBounceModal';
 import { useChatContext } from '../../context/ChatContext';
 import { useComponentContext } from '../../context/ComponentContext';
 import { useMessageContext } from '../../context/MessageContext';
 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 _b = useComponentContext('MessageSimple'), Attachment = _b.Attachment, _c = _b.Avatar, Avatar = _c === void 0 ? DefaultAvatar : _c, _d = _b.EditMessageInput, EditMessageInput = _d === void 0 ? DefaultEditMessageForm : _d, _e = _b.MessageDeleted, MessageDeleted = _e === void 0 ? DefaultMessageDeleted : _e, _f = _b.MessageOptions, MessageOptions = _f === void 0 ? DefaultMessageOptions : _f, _g = _b.MessageRepliesCountButton, MessageRepliesCountButton = _g === void 0 ? DefaultMessageRepliesCountButton : _g, _h = _b.MessageStatus, MessageStatus = _h === void 0 ? DefaultMessageStatus : _h, _j = _b.MessageTimestamp, MessageTimestamp = _j === void 0 ? DefaultMessageTimestamp : _j, _k = _b.ReactionSelector, ReactionSelector = _k === void 0 ? DefaultReactionSelector : _k, _l = _b.ReactionsList, ReactionsList = _l === void 0 ? DefaultReactionList : _l;
+    var _b = useState(false), isBounceDialogOpen = _b[0], setIsBounceDialogOpen = _b[1];
+    var _c = useComponentContext('MessageSimple'), Attachment = _c.Attachment, _d = _c.Avatar, Avatar = _d === void 0 ? DefaultAvatar : _d, _e = _c.EditMessageInput, EditMessageInput = _e === void 0 ? DefaultEditMessageForm : _e, _f = _c.MessageDeleted, MessageDeleted = _f === void 0 ? DefaultMessageDeleted : _f, _g = _c.MessageBouncePrompt, MessageBouncePrompt = _g === void 0 ? DefaultMessageBouncePrompt : _g, _h = _c.MessageOptions, MessageOptions = _h === void 0 ? DefaultMessageOptions : _h, _j = _c.MessageRepliesCountButton, MessageRepliesCountButton = _j === void 0 ? DefaultMessageRepliesCountButton : _j, _k = _c.MessageStatus, MessageStatus = _k === void 0 ? DefaultMessageStatus : _k, _l = _c.MessageTimestamp, MessageTimestamp = _l === void 0 ? DefaultMessageTimestamp : _l, _m = _c.ReactionSelector, ReactionSelector = _m === void 0 ? DefaultReactionSelector : _m, _o = _c.ReactionsList, ReactionsList = _o === void 0 ? DefaultReactionList : _o;
     var themeVersion = useChatContext('MessageSimple').themeVersion;
     var hasAttachment = messageHasAttachments(message);
     var hasReactions = messageHasReactions(message);
@@ -41,6 +44,14 @@ var MessageSimpleWithContext = function (props) {
     var showMetadata = !groupedByUser || endOfGroup;
     var showReplyCountButton = !threadList && !!message.reply_count;
     var allowRetry = message.status === 'failed' && message.errorStatusCode !== 403;
+    var isBounced = isMessageBounced(message);
+    var handleClick = undefined;
+    if (allowRetry) {
+        handleClick = function () { return handleRetry(message); };
+    }
+    else if (isBounced) {
+        handleClick = function () { return setIsBounceDialogOpen(true); };
+    }
     var rootClassName = clsx('str-chat__message str-chat__message-simple', "str-chat__message--".concat(message.type), "str-chat__message--".concat(message.status), isMyMessage()
         ? 'str-chat__message--me str-chat__message-simple--me'
         : 'str-chat__message--other', message.text ? 'str-chat__message--has-text' : 'has-no-text', {
@@ -56,12 +67,13 @@ var MessageSimpleWithContext = function (props) {
     return (React.createElement(React.Fragment, null,
         editing && (React.createElement(Modal, { onClose: clearEditingState, open: editing },
             React.createElement(MessageInput, __assign({ clearEditingState: clearEditingState, grow: true, hideSendButton: true, Input: EditMessageInput, message: message }, additionalMessageInputProps)))),
+        isBounceDialogOpen && (React.createElement(MessageBounceModal, { MessageBouncePrompt: MessageBouncePrompt, onClose: function () { return setIsBounceDialogOpen(false); }, open: isBounceDialogOpen })),
         React.createElement("div", { className: rootClassName, key: message.id },
             themeVersion === '1' && React.createElement(MessageStatus, null),
             message.user && (React.createElement(Avatar, { image: message.user.image, name: message.user.name || message.user.id, onClick: onUserClick, onMouseOver: onUserHover, user: message.user })),
             React.createElement("div", { className: clsx('str-chat__message-inner', {
-                    'str-chat__simple-message--error-failed': allowRetry,
-                }), "data-testid": 'message-inner', onClick: allowRetry ? function () { return handleRetry(message); } : undefined, onKeyUp: allowRetry ? function () { return handleRetry(message); } : undefined },
+                    'str-chat__simple-message--error-failed': allowRetry || isBounced,
+                }), "data-testid": 'message-inner', onClick: handleClick, onKeyUp: handleClick },
                 React.createElement(MessageOptions, null),
                 React.createElement("div", { className: 'str-chat__message-reactions-host' },
                     canShowReactions && React.createElement(ReactionsList, { reverse: true }),

package/dist/components/Message/MessageText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageText.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAE5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,YAAY,CAAC,CAAC;AA2FhE,eAAO,MAAM,WAAW,uJAEkB,CAAC"}
+{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageText.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAE5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,YAAY,CAAC,CAAC;AA4EhE,eAAO,MAAM,WAAW,uJAEkB,CAAC"}

package/dist/components/Message/MessageText.js

@@ -3,13 +3,14 @@ import { QuotedMessage as DefaultQuotedMessage } from './QuotedMessage';
 import { isOnlyEmojis, messageHasAttachments } from './utils';
 import { useComponentContext, useMessageContext, useTranslationContext } from '../../context';
 import { renderText as defaultRenderText } from './renderText';
+import { MessageErrorText } from './MessageErrorText';
 var UnMemoizedMessageTextComponent = function (props) {
     var _a, _b;
     var customInnerClass = props.customInnerClass, _c = props.customWrapperClass, customWrapperClass = _c === void 0 ? '' : _c, propMessage = props.message, propsRenderText = props.renderText, _d = props.theme, theme = _d === void 0 ? 'simple' : _d;
     var _e = useComponentContext('MessageText').QuotedMessage, QuotedMessage = _e === void 0 ? DefaultQuotedMessage : _e;
     var _f = useMessageContext('MessageText'), contextMessage = _f.message, onMentionsClickMessage = _f.onMentionsClickMessage, onMentionsHoverMessage = _f.onMentionsHoverMessage, contextRenderText = _f.renderText, unsafeHTML = _f.unsafeHTML;
     var renderText = (_a = propsRenderText !== null && propsRenderText !== void 0 ? propsRenderText : contextRenderText) !== null && _a !== void 0 ? _a : defaultRenderText;
-    var _g = useTranslationContext('MessageText'), t = _g.t, userLanguage = _g.userLanguage;
+    var userLanguage = useTranslationContext('MessageText').userLanguage;
     var message = propMessage || contextMessage;
     var hasAttachment = messageHasAttachments(message);
     var messageTextToRender = ((_b = message.i18n) === null || _b === void 0 ? void 0 : _b["".concat(userLanguage, "_text")]) || message.text;
@@ -27,10 +28,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.createElement(QuotedMessage, null),
-            message.type === 'error' && (React.createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, t('Error · Unsent'))),
-            message.status === 'failed' && (React.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'))),
+            React.createElement(MessageErrorText, { message: message, theme: theme }),
             unsafeHTML && message.html ? (React.createElement("div", { dangerouslySetInnerHTML: { __html: message.html } })) : (React.createElement("div", null, messageText)))));
 };
 export var MessageText = React.memo(UnMemoizedMessageTextComponent);

package/dist/components/Message/utils.d.ts

@@ -67,4 +67,5 @@ export interface TooltipUsernameMapper {
 export declare const mapToUserNameOrId: TooltipUsernameMapper;
 export declare const getReadByTooltipText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(users: UserResponse<StreamChatGenerics>[], t: TFunction, client: StreamChat<StreamChatGenerics>, tooltipUserNameMapper: TooltipUsernameMapper) => string;
 export declare const isOnlyEmojis: (text?: string) => boolean;
+export declare const isMessageBounced: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: Pick<StreamMessage<StreamChatGenerics>, "type" | "moderation_details">) => boolean;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/Message/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Message/utils.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,8CACV,OAAO,2BAiB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2LAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAU3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAChE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAC9E,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,cAwDnC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,mBAAmB,GAAG,OAAO,kGAWnC,YAAY,gCAmDhB,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAKzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oDAErB,OAAO,GAAG,SAAS,YAsB/B,CAAC;AAmBF,eAAO,MAAM,oBAAoB;;;;;;aAsChC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aA+BlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wJAI6C,CAAC;AAE9E,eAAO,MAAM,qBAAqB,wJAIyB,CAAC;AAE5D,eAAO,MAAM,SAAS,yMASrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,yMASlC,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,CAAC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAC/E,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,GACrC,MAAM,CAAC;CACX;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,qBAAsD,CAAC;AAEvF,eAAO,MAAM,oBAAoB,mIAI5B,SAAS,iEAEW,qBAAqB,WAiD7C,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,YAOzC,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Message/utils.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,8CACV,OAAO,2BAiB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2LAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAU3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAChE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAC9E,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,cAwDnC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,mBAAmB,GAAG,OAAO,kGAWnC,YAAY,gCAmDhB,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAKzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oDAErB,OAAO,GAAG,SAAS,YAsB/B,CAAC;AAmBF,eAAO,MAAM,oBAAoB;;;;;;aAsChC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aA+BlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wJAI6C,CAAC;AAE9E,eAAO,MAAM,qBAAqB,wJAIyB,CAAC;AAE5D,eAAO,MAAM,SAAS,yMASrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,yMASlC,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,CAAC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAC/E,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,GACrC,MAAM,CAAC;CACX;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,qBAAsD,CAAC;AAEvF,eAAO,MAAM,oBAAoB,mIAI5B,SAAS,iEAEW,qBAAqB,WAiD7C,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,YAOzC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gLAM4C,CAAC"}

package/dist/components/Message/utils.js

@@ -294,3 +294,8 @@ export var isOnlyEmojis = function (text) {
     var noSpace = noEmojis.replace(/[\s\n]/gm, '');
     return !noSpace;
 };
+export var isMessageBounced = function (message) {
+    var _a;
+    return message.type === 'error' &&
+        ((_a = message.moderation_details) === null || _a === void 0 ? void 0 : _a.action) === 'MESSAGE_RESPONSE_ACTION_BOUNCE';
+};

package/dist/components/MessageActions/MessageActionsBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActionsBox.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActionsBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK9C,OAAO,EACL,mBAAmB,EAKpB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAInE,KAAK,+BAA+B,GAChC,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,WAAW,CAAC;AAEhB,MAAM,MAAM,sBAAsB,CAChC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,+BAA+B,CAAC,GAAG;IACnF,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAmI1B;;GAEG;AACH,eAAO,MAAM,iBAAiB,+PAES,CAAC"}
+{"version":3,"file":"MessageActionsBox.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActionsBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK9C,OAAO,EACL,mBAAmB,EAKpB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAInE,KAAK,+BAA+B,GAChC,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,WAAW,CAAC;AAEhB,MAAM,MAAM,sBAAsB,CAChC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,+BAA+B,CAAC,GAAG;IACnF,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAoI1B;;GAEG;AACH,eAAO,MAAM,iBAAiB,+PAES,CAAC"}

package/dist/components/MessageActions/MessageActionsBox.js

@@ -5,7 +5,7 @@ import { MESSAGE_ACTIONS } from '../Message/utils';
 import { useChannelActionContext, useComponentContext, useMessageContext, useTranslationContext, } from '../../context';
 import { CustomMessageActionsList as DefaultCustomMessageActionsList } from './CustomMessageActionsList';
 var UnMemoizedMessageActionsBox = React.forwardRef(function (props, ref) {
-    var getMessageActions = props.getMessageActions, handleDelete = props.handleDelete, handleEdit = props.handleEdit, handleFlag = props.handleFlag, handleMarkUnread = props.handleMarkUnread, handleMute = props.handleMute, handlePin = props.handlePin, isUserMuted = props.isUserMuted, _a = props.open, open = _a === void 0 ? false : _a, restDivProps = __rest(props, ["getMessageActions", "handleDelete", "handleEdit", "handleFlag", "handleMarkUnread", "handleMute", "handlePin", "isUserMuted", "open"]);
+    var getMessageActions = props.getMessageActions, handleDelete = props.handleDelete, handleEdit = props.handleEdit, handleFlag = props.handleFlag, handleMarkUnread = props.handleMarkUnread, handleMute = props.handleMute, handlePin = props.handlePin, isUserMuted = props.isUserMuted, mine = props.mine, _a = props.open, open = _a === void 0 ? false : _a, restDivProps = __rest(props, ["getMessageActions", "handleDelete", "handleEdit", "handleFlag", "handleMarkUnread", "handleMute", "handlePin", "isUserMuted", "mine", "open"]);
     var _b = useComponentContext('MessageActionsBox').CustomMessageActionsList, CustomMessageActionsList = _b === void 0 ? DefaultCustomMessageActionsList : _b;
     var setQuotedMessage = useChannelActionContext('MessageActionsBox').setQuotedMessage;
     var _c = useMessageContext('MessageActionsBox'), customMessageActions = _c.customMessageActions, message = _c.message, threadList = _c.threadList;

package/dist/components/MessageBounce/MessageBounceModal.d.ts

@@ -0,0 +1,8 @@
+import { ComponentType, PropsWithChildren } from 'react';
+import { ModalProps } from '../Modal';
+import { MessageBouncePromptProps } from './MessageBouncePrompt';
+export type MessageBounceModalProps = PropsWithChildren<ModalProps & {
+    MessageBouncePrompt: ComponentType<MessageBouncePromptProps>;
+}>;
+export declare function MessageBounceModal({ MessageBouncePrompt, ...modalProps }: MessageBounceModalProps): JSX.Element;
+//# sourceMappingURL=MessageBounceModal.d.ts.map

package/dist/components/MessageBounce/MessageBounceModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBounceModal.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBounce/MessageBounceModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CACrD,UAAU,GAAG;IACX,mBAAmB,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;CAC9D,CACF,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,mBAAmB,EACnB,GAAG,UAAU,EACd,EAAE,uBAAuB,eAQzB"}

package/dist/components/MessageBounce/MessageBounceModal.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Modal } from '../Modal';
+import { MessageBounceProvider } from '../../context';
+export function MessageBounceModal(_a) {
+    var MessageBouncePrompt = _a.MessageBouncePrompt, modalProps = __rest(_a, ["MessageBouncePrompt"]);
+    return (React.createElement(Modal, __assign({}, modalProps),
+        React.createElement(MessageBounceProvider, null,
+            React.createElement(MessageBouncePrompt, { onClose: modalProps.onClose }))));
+}

package/dist/components/MessageBounce/MessageBouncePrompt.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+import type { ModalProps } from '../Modal';
+export type MessageBouncePromptProps = PropsWithChildren<Pick<ModalProps, 'onClose'>>;
+export declare function MessageBouncePrompt<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, onClose }: MessageBouncePromptProps): JSX.Element;
+//# sourceMappingURL=MessageBouncePrompt.d.ts.map

package/dist/components/MessageBounce/MessageBouncePrompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBouncePrompt.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBounce/MessageBouncePrompt.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAqB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;AAEtF,wBAAgB,mBAAmB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,wBAAwB,eA8ChD"}