stream-chat-react 8.0.0 → 8.1.2

package/dist/components/InfiniteScrollPaginator/InfiniteScroll.js

@@ -30,55 +30,31 @@ var mousewheelListener = function (event) {
         event.preventDefault();
     }
 };
-var calculateTopPosition = function (element) {
-    if (element instanceof HTMLElement) {
-        return element.offsetTop + calculateTopPosition(element.offsetParent);
-    }
-    return 0;
-};
-/**
- * Computes by recursively summing offsetTop until an element without offsetParent is reached
- */
-var calculateOffset = function (element, scrollTop) {
-    if (!element) {
-        return 0;
-    }
-    return calculateTopPosition(element) + (element.offsetHeight - scrollTop - window.innerHeight);
-};
 export var InfiniteScroll = function (props) {
-    var children = props.children, _a = props.element, element = _a === void 0 ? 'div' : _a, _b = props.hasMore, hasMore = _b === void 0 ? false : _b, _c = props.initialLoad, initialLoad = _c === void 0 ? true : _c, _d = props.isLoading, isLoading = _d === void 0 ? false : _d, _e = props.isReverse, isReverse = _e === void 0 ? false : _e, listenToScroll = props.listenToScroll, loader = props.loader, loadMore = props.loadMore, _f = props.threshold, threshold = _f === void 0 ? 250 : _f, _g = props.useCapture, useCapture = _g === void 0 ? false : _g, _h = props.useWindow, useWindow = _h === void 0 ? true : _h, elementProps = __rest(props, ["children", "element", "hasMore", "initialLoad", "isLoading", "isReverse", "listenToScroll", "loader", "loadMore", "threshold", "useCapture", "useWindow"]);
+    var children = props.children, _a = props.element, element = _a === void 0 ? 'div' : _a, _b = props.hasMore, hasMore = _b === void 0 ? false : _b, _c = props.hasMoreNewer, hasMoreNewer = _c === void 0 ? false : _c, _d = props.initialLoad, initialLoad = _d === void 0 ? true : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, listenToScroll = props.listenToScroll, loader = props.loader, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, _f = props.threshold, threshold = _f === void 0 ? 250 : _f, _g = props.useCapture, useCapture = _g === void 0 ? false : _g, elementProps = __rest(props, ["children", "element", "hasMore", "hasMoreNewer", "initialLoad", "isLoading", "listenToScroll", "loader", "loadMore", "loadMoreNewer", "threshold", "useCapture"]);
     var scrollComponent = useRef();
     var scrollListener = useCallback(function () {
         var element = scrollComponent.current;
-        if (!element)
+        if (!element || element.offsetParent === null) {
             return;
-        var parentElement = element.parentElement;
-        var offset = 0;
-        var reverseOffset = 0;
-        if (useWindow) {
-            var doc = document.documentElement || document.body.parentNode || document.body;
-            var scrollTop = window.pageYOffset !== undefined ? window.pageYOffset : doc.scrollTop;
-            offset = calculateOffset(element, scrollTop);
-            reverseOffset = scrollTop;
-        }
-        else if (parentElement) {
-            offset = element.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
-            reverseOffset = parentElement.scrollTop;
         }
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        var parentElement = element.parentElement;
+        var offset = element.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
+        var reverseOffset = parentElement.scrollTop;
         if (listenToScroll) {
             listenToScroll(offset, reverseOffset, threshold);
         }
-        // Here we make sure the element is visible as well as checking the offset
-        if ((isReverse ? reverseOffset : offset) < Number(threshold) &&
-            element.offsetParent !== null &&
-            typeof loadMore === 'function' &&
-            hasMore) {
+        if (reverseOffset < Number(threshold) && typeof loadMore === 'function' && hasMore) {
             loadMore();
         }
-    }, [hasMore, useWindow, isReverse, threshold, listenToScroll, loadMore]);
+        if (offset < Number(threshold) && typeof loadMoreNewer === 'function' && hasMoreNewer) {
+            loadMoreNewer();
+        }
+    }, [hasMore, hasMoreNewer, threshold, listenToScroll, loadMore, loadMoreNewer]);
     useEffect(function () {
         var _a;
-        var scrollElement = useWindow ? window : (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
+        var scrollElement = (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
         if (isLoading || !scrollElement) {
             return function () { return undefined; };
         }
@@ -91,10 +67,10 @@ export var InfiniteScroll = function (props) {
             scrollElement.removeEventListener('scroll', scrollListener, useCapture);
             scrollElement.removeEventListener('resize', scrollListener, useCapture);
         };
-    }, [initialLoad, isLoading, scrollListener, useCapture, useWindow]);
+    }, [initialLoad, isLoading, scrollListener, useCapture]);
     useEffect(function () {
         var _a;
-        var scrollElement = useWindow ? window : (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
+        var scrollElement = (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
         if (scrollElement) {
             scrollElement.addEventListener('wheel', mousewheelListener, { passive: false });
         }
@@ -103,18 +79,13 @@ export var InfiniteScroll = function (props) {
                 scrollElement.removeEventListener('wheel', mousewheelListener, useCapture);
             }
         };
-    }, [useCapture, useWindow]);
+    }, [useCapture]);
     var attributes = __assign(__assign({}, elementProps), { ref: function (element) {
             scrollComponent.current = element;
         } });
     var childrenArray = [children];
     if (isLoading && loader) {
-        if (isReverse) {
-            childrenArray.unshift(loader);
-        }
-        else {
-            childrenArray.push(loader);
-        }
+        childrenArray.unshift(loader);
     }
     return React.createElement(element, attributes, childrenArray);
 };

package/dist/components/InfiniteScrollPaginator/index.d.ts

@@ -1,4 +1,2 @@
 export * from './InfiniteScroll';
-export * from './InfiniteScrollPaginator';
-export * from './ReverseInfiniteScroll';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/InfiniteScrollPaginator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/InfiniteScrollPaginator/index.js

@@ -1,3 +1 @@
 export * from './InfiniteScroll';
-export * from './InfiniteScrollPaginator';
-export * from './ReverseInfiniteScroll';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type FixedHeightMessageProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {

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

@@ -1 +1 @@
-{"version":3,"file":"FixedHeightMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/FixedHeightMessage.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAkBnE,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAsGF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,uJAES,CAAC"}
+{"version":3,"file":"FixedHeightMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/FixedHeightMessage.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAkBnE,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAsGF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,uJAES,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MessageProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAuHnE;;;GAGG;AACH,eAAO,MAAM,OAAO,uLA8GnB,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAuHnE;;;GAGG;AACH,eAAO,MAAM,OAAO,uLAiHnB,CAAC"}

package/dist/components/Message/Message.js

@@ -69,7 +69,7 @@ var MemoizedMessage = React.memo(MessageWithContext, areMessagePropsEqual);
 export var Message = function (props) {
     var closeReactionSelectorOnClick = props.closeReactionSelectorOnClick, disableQuotedMessages = props.disableQuotedMessages, getDeleteMessageErrorNotification = props.getDeleteMessageErrorNotification, getFlagMessageErrorNotification = props.getFlagMessageErrorNotification, getFlagMessageSuccessNotification = props.getFlagMessageSuccessNotification, getMuteUserErrorNotification = props.getMuteUserErrorNotification, getMuteUserSuccessNotification = props.getMuteUserSuccessNotification, getPinMessageErrorNotification = props.getPinMessageErrorNotification, message = props.message, _a = props.onlySenderCanEdit, onlySenderCanEdit = _a === void 0 ? false : _a, propOnMentionsClick = props.onMentionsClick, propOnMentionsHover = props.onMentionsHover, propOpenThread = props.openThread, pinPermissions = props.pinPermissions, propRetrySendMessage = props.retrySendMessage;
     var addNotification = useChannelActionContext('Message').addNotification;
-    var mutes = useChannelStateContext('Message').mutes;
+    var _b = useChannelStateContext('Message'), highlightedMessageId = _b.highlightedMessageId, mutes = _b.mutes;
     var reactionSelectorRef = useRef(null);
     var handleAction = useActionHandler(message);
     var handleOpenThread = useOpenThreadHandler(message, propOpenThread);
@@ -90,14 +90,15 @@ export var Message = function (props) {
         getSuccessNotification: getMuteUserSuccessNotification,
         notify: addNotification,
     });
-    var _b = useMentionsHandler(message, {
+    var _c = useMentionsHandler(message, {
         onMentionsClick: propOnMentionsClick,
         onMentionsHover: propOnMentionsHover,
-    }), onMentionsClick = _b.onMentionsClick, onMentionsHover = _b.onMentionsHover;
-    var _c = usePinHandler(message, pinPermissions, {
+    }), onMentionsClick = _c.onMentionsClick, onMentionsHover = _c.onMentionsHover;
+    var _d = usePinHandler(message, pinPermissions, {
         getErrorNotification: getPinMessageErrorNotification,
         notify: addNotification,
-    }), canPin = _c.canPin, handlePin = _c.handlePin;
-    var _d = useReactionClick(message, reactionSelectorRef, undefined, closeReactionSelectorOnClick), isReactionEnabled = _d.isReactionEnabled, onReactionListClick = _d.onReactionListClick, showDetailedReactions = _d.showDetailedReactions;
-    return (React.createElement(MemoizedMessage, { additionalMessageInputProps: props.additionalMessageInputProps, canPin: canPin, customMessageActions: props.customMessageActions, disableQuotedMessages: props.disableQuotedMessages, endOfGroup: props.endOfGroup, firstOfGroup: props.firstOfGroup, formatDate: props.formatDate, groupedByUser: props.groupedByUser, groupStyles: props.groupStyles, handleAction: handleAction, handleDelete: handleDelete, handleFlag: handleFlag, handleMute: handleMute, handleOpenThread: handleOpenThread, handlePin: handlePin, handleReaction: handleReaction, handleRetry: handleRetry, initialMessage: props.initialMessage, isReactionEnabled: isReactionEnabled, lastReceivedId: props.lastReceivedId, message: message, Message: props.Message, messageActions: props.messageActions, messageListRect: props.messageListRect, mutes: mutes, onMentionsClickMessage: onMentionsClick, onMentionsHoverMessage: onMentionsHover, onReactionListClick: onReactionListClick, onUserClick: props.onUserClick, onUserHover: props.onUserHover, pinPermissions: props.pinPermissions, reactionSelectorRef: reactionSelectorRef, readBy: props.readBy, renderText: props.renderText, showDetailedReactions: showDetailedReactions, threadList: props.threadList, unsafeHTML: props.unsafeHTML, userRoles: userRoles }));
+    }), canPin = _d.canPin, handlePin = _d.handlePin;
+    var _e = useReactionClick(message, reactionSelectorRef, undefined, closeReactionSelectorOnClick), isReactionEnabled = _e.isReactionEnabled, onReactionListClick = _e.onReactionListClick, showDetailedReactions = _e.showDetailedReactions;
+    var highlighted = highlightedMessageId === message.id;
+    return (React.createElement(MemoizedMessage, { additionalMessageInputProps: props.additionalMessageInputProps, canPin: canPin, customMessageActions: props.customMessageActions, disableQuotedMessages: props.disableQuotedMessages, endOfGroup: props.endOfGroup, firstOfGroup: props.firstOfGroup, formatDate: props.formatDate, groupedByUser: props.groupedByUser, groupStyles: props.groupStyles, handleAction: handleAction, handleDelete: handleDelete, handleFlag: handleFlag, handleMute: handleMute, handleOpenThread: handleOpenThread, handlePin: handlePin, handleReaction: handleReaction, handleRetry: handleRetry, highlighted: highlighted, initialMessage: props.initialMessage, isReactionEnabled: isReactionEnabled, lastReceivedId: props.lastReceivedId, message: message, Message: props.Message, messageActions: props.messageActions, messageListRect: props.messageListRect, mutes: mutes, onMentionsClickMessage: onMentionsClick, onMentionsHoverMessage: onMentionsHover, onReactionListClick: onReactionListClick, onUserClick: props.onUserClick, onUserHover: props.onUserHover, pinPermissions: props.pinPermissions, reactionSelectorRef: reactionSelectorRef, readBy: props.readBy, renderText: props.renderText, showDetailedReactions: showDetailedReactions, threadList: props.threadList, unsafeHTML: props.unsafeHTML, userRoles: userRoles }));
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MessageContextValue } from '../../context/MessageContext';
 import type { MessageUIComponentProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';

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

@@ -1 +1 @@
-{"version":3,"file":"MessageCommerce.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageCommerce.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAmInE;;;;GAIG;AACH,eAAO,MAAM,eAAe,4JAQ3B,CAAC"}
+{"version":3,"file":"MessageCommerce.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageCommerce.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAmInE;;;;GAIG;AACH,eAAO,MAAM,eAAe,4JAQ3B,CAAC"}

package/dist/components/Message/MessageCommerce.js

@@ -17,6 +17,7 @@ import { MessageText } from './MessageText';
 import { MessageTimestamp as DefaultMessageTimestamp } from './MessageTimestamp';
 import { areMessageUIPropsEqual, messageHasAttachments, messageHasReactions } from './utils';
 import { Avatar as DefaultAvatar } from '../Avatar';
+import { CUSTOM_MESSAGE_TYPE } from '../../constants/messageTypes';
 import { MML } from '../MML';
 import { ReactionSelector as DefaultReactionSelector, ReactionsList as DefaultReactionsList, } from '../Reactions';
 import { useComponentContext } from '../../context/ComponentContext';
@@ -32,7 +33,7 @@ var MessageCommerceWithContext = function (props) {
     if (message.deleted_at) {
         return React.createElement(MessageDeleted, { message: message });
     }
-    if (message.customType === 'message.date') {
+    if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
         return null;
     }
     return (React.createElement("div", { className: ("\n\t\t\t\t\t\t" + messageClasses + "\n\t\t\t\t\t\tstr-chat__message-commerce--" + message.type + "\n\t\t\t\t\t\t" + (message.text ? 'str-chat__message-commerce--has-text' : 'str-chat__message-commerce--has-no-text') + "\n\t\t\t\t\t\t" + (hasAttachment ? 'str-chat__message-commerce--has-attachment' : '') + "\n            " + (hasReactions && isReactionEnabled ? 'str-chat__message-commerce--with-reactions' : '') + "\n            " + ("str-chat__message-commerce--" + firstGroupStyle) + "\n            " + (message.pinned ? 'pinned-message' : '') + "\n\t\t\t\t\t").trim(), "data-testid": 'message-commerce-wrapper', key: message.id },

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type MessageDeletedProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {

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

@@ -1 +1 @@
-{"version":3,"file":"MessageDeleted.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageDeleted.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,mJAwB1B,CAAC"}
+{"version":3,"file":"MessageDeleted.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageDeleted.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,mJAwB1B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MessageLivestream.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageLivestream.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAmBjF,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAMtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAwMnE,oBAAY,6BAA6B,GAAG;IAC1C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,mBAAmB,EAAE,iBAAiB,CAAC;CACxC,CAAC;AAsGF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,4JA6B7B,CAAC"}
+{"version":3,"file":"MessageLivestream.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageLivestream.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAoBjF,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAMtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAwMnE,oBAAY,6BAA6B,GAAG;IAC1C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,mBAAmB,EAAE,iBAAiB,CAAC;CACxC,CAAC;AAsGF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,4JA6B7B,CAAC"}

package/dist/components/Message/MessageLivestream.js

@@ -18,6 +18,7 @@ import { PinIndicator as DefaultPinIndicator, ErrorIcon, ReactionIcon, ThreadIco
 import { QuotedMessage as DefaultQuotedMessage } from './QuotedMessage';
 import { areMessageUIPropsEqual, MESSAGE_ACTIONS, showMessageActionsBox } from './utils';
 import { Avatar as DefaultAvatar } from '../Avatar';
+import { CUSTOM_MESSAGE_TYPE } from '../../constants/messageTypes';
 import { MessageActions } from '../MessageActions';
 import { EditMessageForm as DefaultEditMessageForm, MessageInput } from '../MessageInput';
 import { ReactionSelector as DefaultReactionSelector, SimpleReactionsList as DefaultReactionsList, } from '../Reactions';
@@ -36,7 +37,7 @@ var MessageLivestreamWithContext = function (props) {
         messageTextToRender,
     ]);
     var firstGroupStyle = groupStyles ? groupStyles[0] : 'single';
-    if (message.customType === 'message.date') {
+    if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
         return null;
     }
     if (message.deleted_at) {

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

@@ -1 +1 @@
-{"version":3,"file":"MessageRepliesCountButton.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageRepliesCountButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,oBAAY,8BAA8B,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA4CF,eAAO,MAAM,yBAAyB,0CAES,CAAC"}
+{"version":3,"file":"MessageRepliesCountButton.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageRepliesCountButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,oBAAY,8BAA8B,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA6BF,eAAO,MAAM,yBAAyB,0CAES,CAAC"}

package/dist/components/Message/MessageRepliesCountButton.js

@@ -4,31 +4,17 @@ import { useTranslationContext } from '../../context/TranslationContext';
 var UnMemoizedMessageRepliesCountButton = function (props) {
     var labelPlural = props.labelPlural, labelSingle = props.labelSingle, onClick = props.onClick, _a = props.reply_count, reply_count = _a === void 0 ? 0 : _a;
     var t = useTranslationContext('MessageRepliesCountButton').t;
-    var singleReplyText;
-    var pluralReplyText;
-    if (reply_count === 1) {
-        if (labelSingle) {
-            singleReplyText = "1 " + labelSingle;
-        }
-        else {
-            singleReplyText = t('1 reply');
-        }
+    if (!reply_count)
+        return null;
+    var replyCountText = t('replyCount', { count: reply_count });
+    if (labelPlural && reply_count > 1) {
+        replyCountText = reply_count + " " + labelPlural;
     }
-    if (reply_count && reply_count > 1) {
-        if (labelPlural) {
-            pluralReplyText = reply_count + " " + labelPlural;
-        }
-        else {
-            pluralReplyText = t('{{ replyCount }} replies', {
-                replyCount: reply_count,
-            });
-        }
+    else if (labelSingle) {
+        replyCountText = "1 " + labelSingle;
     }
-    if (reply_count && reply_count !== 0) {
-        return (React.createElement("button", { className: 'str-chat__message-replies-count-button', "data-testid": 'replies-count-button', onClick: onClick },
-            React.createElement(ReplyIcon, null),
-            reply_count === 1 ? singleReplyText : pluralReplyText));
-    }
-    return null;
+    return (React.createElement("button", { className: 'str-chat__message-replies-count-button', "data-testid": 'replies-count-button', onClick: onClick },
+        React.createElement(ReplyIcon, null),
+        replyCountText));
 };
 export var MessageRepliesCountButton = React.memo(UnMemoizedMessageRepliesCountButton);

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MessageContextValue } from '../../context/MessageContext';
 import type { MessageUIComponentProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';

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":";AAoBA,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;AAiKnE;;GAEG;AACH,eAAO,MAAM,aAAa,4JAQzB,CAAC"}
+{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AAqBA,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;AAmKnE;;GAEG;AACH,eAAO,MAAM,aAAa,4JAQzB,CAAC"}

package/dist/components/Message/MessageSimple.js

@@ -18,6 +18,7 @@ import { MessageText } from './MessageText';
 import { MessageTimestamp as DefaultMessageTimestamp } from './MessageTimestamp';
 import { areMessageUIPropsEqual, 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';
@@ -26,14 +27,14 @@ 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, isMyMessage = props.isMyMessage, isReactionEnabled = props.isReactionEnabled, message = props.message, onUserClick = props.onUserClick, onUserHover = props.onUserHover, reactionSelectorRef = props.reactionSelectorRef, 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, 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 hasAttachment = messageHasAttachments(message);
     var hasReactions = messageHasReactions(message);
     var messageClasses = isMyMessage()
         ? 'str-chat__message str-chat__message--me str-chat__message-simple str-chat__message-simple--me'
         : 'str-chat__message str-chat__message-simple';
-    if (message.customType === 'message.date') {
+    if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
         return null;
     }
     if (message.deleted_at || message.type === 'deleted') {
@@ -42,7 +43,7 @@ var MessageSimpleWithContext = function (props) {
     return (React.createElement(React.Fragment, null,
         editing && (React.createElement(Modal, { onClose: clearEditingState, open: editing },
             React.createElement(MessageInput, __assign({ clearEditingState: clearEditingState, Input: EditMessageInput, message: message }, additionalMessageInputProps)))),
-        React.createElement("div", { className: ("\n\t\t\t\t\t\t" + messageClasses + "\n\t\t\t\t\t\tstr-chat__message--" + message.type + "\n\t\t\t\t\t\tstr-chat__message--" + message.status + "\n\t\t\t\t\t\t" + (message.text ? 'str-chat__message--has-text' : 'has-no-text') + "\n\t\t\t\t\t\t" + (hasAttachment ? 'str-chat__message--has-attachment' : '') + "\n            " + (hasReactions && isReactionEnabled ? 'str-chat__message--with-reactions' : '') + "\n            " + (message.pinned ? 'pinned-message' : '') + "\n            " + (groupedByUser ? 'str-chat__virtual-message__wrapper--group' : '') + "\n            " + (firstOfGroup ? 'str-chat__virtual-message__wrapper--first' : '') + "\n            " + (endOfGroup ? 'str-chat__virtual-message__wrapper--end' : '') + "\n\t\t\t\t\t").trim(), key: message.id },
+        React.createElement("div", { className: ("\n\t\t\t\t\t\t" + messageClasses + "\n\t\t\t\t\t\tstr-chat__message--" + message.type + "\n\t\t\t\t\t\tstr-chat__message--" + message.status + "\n\t\t\t\t\t\t" + (message.text ? 'str-chat__message--has-text' : 'has-no-text') + "\n\t\t\t\t\t\t" + (hasAttachment ? 'str-chat__message--has-attachment' : '') + "\n            " + (hasReactions && isReactionEnabled ? 'str-chat__message--with-reactions' : '') + "\n            " + (highlighted ? 'str-chat__message--highlighted' : '') + "\n            " + (message.pinned ? 'pinned-message' : '') + "\n            " + (groupedByUser ? 'str-chat__virtual-message__wrapper--group' : '') + "\n            " + (firstOfGroup ? 'str-chat__virtual-message__wrapper--first' : '') + "\n            " + (endOfGroup ? 'str-chat__virtual-message__wrapper--end' : '') + "\n\t\t\t\t\t").trim(), key: message.id },
             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: 'str-chat__message-inner', "data-testid": 'message-inner', onClick: message.status === 'failed' && message.errorStatusCode !== 403

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MessageContextValue } from '../../context/MessageContext';
 import type { MessageUIComponentProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';

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

@@ -1 +1 @@
-{"version":3,"file":"MessageTeam.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageTeam.tsx"],"names":[],"mappings":";AAqBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAMtF,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA0PnE;;;;;GAKG;AACH,eAAO,MAAM,WAAW,4JA6BvB,CAAC"}
+{"version":3,"file":"MessageTeam.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageTeam.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAMtF,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA0PnE;;;;;GAKG;AACH,eAAO,MAAM,WAAW,4JA6BvB,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type MessageTextProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {

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":";AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqFF,eAAO,MAAM,WAAW,uJAEkB,CAAC"}
+{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageText.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqFF,eAAO,MAAM,WAAW,uJAEkB,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const defaultTimestampFormat = "h:mmA";

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

@@ -1 +1 @@
-{"version":3,"file":"MessageTimestamp.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageTimestamp.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAE3F,eAAO,MAAM,wBAAwB,oFAC8C,CAAC;AA4CpF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAqCF,eAAO,MAAM,gBAAgB,4JAES,CAAC"}
+{"version":3,"file":"MessageTimestamp.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageTimestamp.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAE3F,eAAO,MAAM,wBAAwB,oFAC8C,CAAC;AA4CpF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAqCF,eAAO,MAAM,gBAAgB,4JAES,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const QuotedMessage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => JSX.Element | null;
 //# sourceMappingURL=QuotedMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QuotedMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/QuotedMessage.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,aAAa,4GA+CzB,CAAC"}
+{"version":3,"file":"QuotedMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/QuotedMessage.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,aAAa,4GAmDzB,CAAC"}

package/dist/components/Message/QuotedMessage.js

@@ -3,11 +3,13 @@ import { Avatar as DefaultAvatar } from '../Avatar';
 import { useComponentContext } from '../../context/ComponentContext';
 import { useMessageContext } from '../../context/MessageContext';
 import { useTranslationContext } from '../../context/TranslationContext';
+import { useChannelActionContext } from '../../context/ChannelActionContext';
 export var QuotedMessage = function () {
     var _a, _b;
     var _c = useComponentContext('QuotedMessage'), Attachment = _c.Attachment, ContextAvatar = _c.Avatar;
     var _d = useMessageContext('QuotedMessage'), isMyMessage = _d.isMyMessage, message = _d.message;
     var userLanguage = useTranslationContext('QuotedMessage').userLanguage;
+    var jumpToMessage = useChannelActionContext('QuotedMessage').jumpToMessage;
     var Avatar = ContextAvatar || DefaultAvatar;
     var quoted_message = message.quoted_message;
     if (!quoted_message)
@@ -22,7 +24,7 @@ export var QuotedMessage = function () {
     if (!quotedMessageText && !quotedMessageAttachment)
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "" + (isMyMessage() ? 'quoted-message mine' : 'quoted-message') },
+        React.createElement("div", { className: "" + (isMyMessage() ? 'quoted-message mine' : 'quoted-message'), onClick: function () { return jumpToMessage(quoted_message.id); } },
             quoted_message.user && (React.createElement(Avatar, { image: quoted_message.user.image, name: quoted_message.user.name || quoted_message.user.id, size: 20, user: quoted_message.user })),
             React.createElement("div", { className: 'quoted-message-inner' },
                 quotedMessageAttachment && React.createElement(Attachment, { attachments: [quotedMessageAttachment] }),

package/dist/components/Message/hooks/useEditHandler.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ReactEventHandler } from '../types';
 export declare type EditHandlerReturnType = {
     clearEdit: (event?: React.BaseSyntheticEvent) => void;

package/dist/components/Message/hooks/useEditHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useEditHandler.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,oBAAY,qBAAqB,GAAG;IAClC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,mIAEgC,IAAI,0HACK,IAAI,kBACrE,qBAsBF,CAAC"}
+{"version":3,"file":"useEditHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useEditHandler.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,oBAAY,qBAAqB,GAAG;IAClC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,mIAEgC,IAAI,0HACK,IAAI,kBACrE,qBAsBF,CAAC"}

package/dist/components/Message/hooks/useUserHandler.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { User } from 'stream-chat';
 import type { ReactEventHandler } from '../types';
 import type { StreamMessage } from '../../../context/ChannelStateContext';

package/dist/components/Message/hooks/useUserHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUserHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useUserHandler.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAAE,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;AAE9E,eAAO,MAAM,cAAc;;;kBAQxB;IACD,WAAW,EAAE,iBAAiB,CAAC;IAC/B,WAAW,EAAE,iBAAiB,CAAC;CAe/B,CAAC"}
+{"version":3,"file":"useUserHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useUserHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAAE,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;AAE9E,eAAO,MAAM,cAAc;;;kBAQxB;IACD,WAAW,EAAE,iBAAiB,CAAC;IAC/B,WAAW,EAAE,iBAAiB,CAAC;CAe/B,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PinIndicatorProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const ActionsIcon: () => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Message/icons.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,WAAW,mBAOvB,CAAC;AAEF,eAAO,MAAM,SAAS,mBAOrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mBAQ9B,CAAC;AAEF,eAAO,MAAM,YAAY,mBAOxB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,mBAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,mBAOnB,CAAC;AAEF,eAAO,MAAM,YAAY,kKAyBxB,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Message/icons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,WAAW,mBAOvB,CAAC;AAEF,eAAO,MAAM,SAAS,mBAOrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mBAQ9B,CAAC;AAEF,eAAO,MAAM,YAAY,mBAOxB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,mBAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,mBAOnB,CAAC;AAEF,eAAO,MAAM,YAAY,kKAyBxB,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TFunction } from 'i18next';
 import type { UserResponse } from 'stream-chat';
 import type { PinPermissions, UserEventHandler } from './hooks';
@@ -45,6 +44,8 @@ export declare type MessageProps<StreamChatGenerics extends DefaultStreamChatGen
     groupedByUser?: boolean;
     /** A list of styles to apply to this message, ie. top, bottom, single */
     groupStyles?: GroupStyle[];
+    /** Whether to highlight and focus the message on load */
+    highlighted?: boolean;
     /** Whether the threaded message is the first in the thread list */
     initialMessage?: boolean;
     /** Latest message id on current channel */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,oBAAY,iBAAiB,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAE1F,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,yBAAyB;IACzB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3C,wKAAwK;IACxK,2BAA2B,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACvE,gGAAgG;IAChG,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,qEAAqE;IACrE,oBAAoB,CAAC,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACvF,mFAAmF;IACnF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,4HAA4H;IAC5H,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6HAA6H;IAC7H,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qIAAqI;IACrI,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,sGAAsG;IACtG,iCAAiC,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAC3F,oGAAoG;IACpG,+BAA+B,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IACzF,uGAAuG;IACvG,iCAAiC,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAC3F,iGAAiG;IACjG,4BAA4B,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAClF,oGAAoG;IACpG,8BAA8B,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IACpF,mGAAmG;IACnG,8BAA8B,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IACxF,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yEAAyE;IACzE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,4KAA4K;IAC5K,OAAO,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,mKAAmK;IACnK,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4JAA4J;IAC5J,eAAe,CAAC,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnF,4JAA4J;IAC5J,eAAe,CAAC,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnF,kDAAkD;IAClD,WAAW,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACnD,kDAAkD;IAClD,WAAW,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACnD,0JAA0J;IAC1J,UAAU,CAAC,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,YAAY,CAAC,CAAC;IACzE,qHAAqH;IACrH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,kDAAkD;IAClD,MAAM,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC5C,4KAA4K;IAC5K,UAAU,CAAC,EAAE,CACX,IAAI,CAAC,EAAE,MAAM,EACb,eAAe,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,EAAE,EACpD,OAAO,CAAC,EAAE,iBAAiB,KACxB,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB,iKAAiK;IACjK,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACrF,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAErD,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,CAAC,CAAC,EAAE,SAAS,CAAC;CACf,CAAC"}

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":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAExE,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;;;;;;;;;CAS3B,CAAC;AAEF,oBAAY,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,oBAAY,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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,kFAC0C,YAAY,gCA+C7F,CAAC;AAIF,eAAO,MAAM,qBAAqB,oDAErB,OAAO,GAAG,SAAS,YAsB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;aAgDhC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aA6ClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wJAIqC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,wJAIyB,CAAC;AAE5D,eAAO,MAAM,SAAS,yMASrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,yMASlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mIAI5B,SAAS,mDA6Cb,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Message/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAExE,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;;;;;;;;;CAS3B,CAAC;AAEF,oBAAY,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,oBAAY,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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,kFAC0C,YAAY,gCA+C7F,CAAC;AAIF,eAAO,MAAM,qBAAqB,oDAErB,OAAO,GAAG,SAAS,YAsB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;aAiDhC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aA8ClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wJAIqC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,wJAIyB,CAAC;AAE5D,eAAO,MAAM,SAAS,yMASrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,yMASlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mIAI5B,SAAS,mDA6Cb,CAAC"}

package/dist/components/Message/utils.js

@@ -181,6 +181,7 @@ export var areMessagePropsEqual = function (prevProps, nextProps) {
     if (!messagesAreEqual)
         return false;
     var deepEqualProps = deepequal(nextProps.readBy, prevProps.readBy) &&
+        deepequal(nextProps.highlighted, prevProps.highlighted) &&
         deepequal(nextProps.groupStyles, prevProps.groupStyles) && // last 3 messages can have different group styles
         deepequal(nextProps.mutes, prevProps.mutes) &&
         deepequal(nextProps.lastReceivedId, prevProps.lastReceivedId);
@@ -195,6 +196,8 @@ export var areMessageUIPropsEqual = function (prevProps, nextProps) {
     var nextLastReceivedId = nextProps.lastReceivedId, nextMessage = nextProps.message;
     if (prevProps.editing !== nextProps.editing)
         return false;
+    if (prevProps.highlighted !== nextProps.highlighted)
+        return false;
     if (prevProps.endOfGroup !== nextProps.endOfGroup)
         return false;
     if (((_a = prevProps.mutes) === null || _a === void 0 ? void 0 : _a.length) !== ((_b = nextProps.mutes) === null || _b === void 0 ? void 0 : _b.length))

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CustomMessageActions, MessageContextValue } from '../../context/MessageContext';
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';

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":";AAKA,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EAEpB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,oBAAoB,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;IAC/D,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AA+BF,aAAK,+BAA+B,GAChC,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,CAAC;AAEhB,oBAAY,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,CAAC;AA8IF;;GAEG;AACH,eAAO,MAAM,iBAAiB,sJAES,CAAC"}
+{"version":3,"file":"MessageActionsBox.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActionsBox.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EAEpB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,oBAAoB,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;IAC/D,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AA+BF,aAAK,+BAA+B,GAChC,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,CAAC;AAEhB,oBAAY,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,CAAC;AA8IF;;GAEG;AACH,eAAO,MAAM,iBAAiB,sJAES,CAAC"}

package/dist/components/MessageInput/EditMessageForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CustomTrigger, DefaultStreamChatGenerics } from '../../types/types';
 export declare const EditMessageForm: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>() => JSX.Element;
 //# sourceMappingURL=EditMessageForm.d.ts.map

package/dist/components/MessageInput/EditMessageForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditMessageForm.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/EditMessageForm.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,eAAe,8IA6F3B,CAAC"}
+{"version":3,"file":"EditMessageForm.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/EditMessageForm.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,eAAe,8IA6F3B,CAAC"}

package/dist/components/MessageInput/EmojiPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type MessageInputEmojiPickerProps = {
     small?: boolean;

package/dist/components/MessageInput/EmojiPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/EmojiPicker.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AASnE,oBAAY,4BAA4B,GAAG;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,4FAGf,4BAA4B,uBAqCpC,CAAC"}
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/EmojiPicker.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AASnE,oBAAY,4BAA4B,GAAG;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,4FAGf,4BAA4B,uBAqCpC,CAAC"}

package/dist/components/MessageInput/MessageInputFlat.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const MessageInputFlat: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => JSX.Element;
 //# sourceMappingURL=MessageInputFlat.d.ts.map

package/dist/components/MessageInput/MessageInputFlat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInputFlat.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputFlat.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,gBAAgB,qGAqG5B,CAAC"}
+{"version":3,"file":"MessageInputFlat.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputFlat.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,gBAAgB,qGAuH5B,CAAC"}