stream-chat-react 6.8.0 → 6.11.0

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

@@ -1 +1 @@
-{"version":3,"file":"ChatAutoComplete.d.ts","sourceRoot":"","sources":["../../../src/components/ChatAutoComplete/ChatAutoComplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatAutoComplete.d.ts","sourceRoot":"","sources":["../../../src/components/ChatAutoComplete/ChatAutoComplete.tsx"],"names":[],"mappings":"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"}

package/dist/components/ChatAutoComplete/ChatAutoComplete.js

@@ -5,9 +5,9 @@ import { useMessageInputContext } from '../../context/MessageInputContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 import { useComponentContext } from '../../context/ComponentContext';
 var UnMemoizedChatAutoComplete = function (props) {
-    var _a = useComponentContext(), SuggestionItem = _a.AutocompleteSuggestionItem, SuggestionList = _a.AutocompleteSuggestionList;
-    var t = useTranslationContext().t;
-    var messageInput = useMessageInputContext();
+    var _a = useComponentContext('ChatAutoComplete'), SuggestionItem = _a.AutocompleteSuggestionItem, SuggestionList = _a.AutocompleteSuggestionList;
+    var t = useTranslationContext('ChatAutoComplete').t;
+    var messageInput = useMessageInputContext('ChatAutoComplete');
     var cooldownRemaining = messageInput.cooldownRemaining, disabled = messageInput.disabled, emojiIndex = messageInput.emojiIndex, innerRef = messageInput.textareaRef;
     var placeholder = props.placeholder || t('Type your message');
     var emojiReplace = function (word) {

package/dist/components/ChatDown/ChatDown.js

@@ -4,7 +4,7 @@ import placeholder from '../../assets/str-chat__connection-error.svg';
 import { useTranslationContext } from '../../context/TranslationContext';
 var UnMemoizedChatDown = function (props) {
     var image = props.image, text = props.text, _a = props.type, type = _a === void 0 ? 'Error' : _a;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('ChatDown').t;
     return (React.createElement("div", { className: 'str-chat__down' },
         React.createElement(LoadingChannels, null),
         React.createElement("div", { className: 'str-chat__down-main' },

package/dist/components/DateSeparator/DateSeparator.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { isDayOrMoment, useTranslationContext } from '../../context/TranslationContext';
 var UnMemoizedDateSeparator = function (props) {
     var date = props.date, formatDate = props.formatDate, _a = props.position, position = _a === void 0 ? 'right' : _a, unread = props.unread;
-    var _b = useTranslationContext(), t = _b.t, tDateTimeParser = _b.tDateTimeParser;
+    var _b = useTranslationContext('DateSeparator'), t = _b.t, tDateTimeParser = _b.tDateTimeParser;
     if (typeof date === 'string')
         return null;
     var parsedDate = tDateTimeParser(date.toISOString());

package/dist/components/EmptyStateIndicator/EmptyStateIndicator.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslationContext } from '../../context/TranslationContext';
 var UnMemoizedEmptyStateIndicator = function (props) {
     var listType = props.listType;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('EmptyStateIndicator').t;
     if (listType === 'channel')
         return React.createElement("p", null, t('You have no channels currently'));
     if (listType === 'message')

package/dist/components/EventComponent/EventComponent.js

@@ -7,7 +7,7 @@ import { isDayOrMoment, useTranslationContext } from '../../context/TranslationC
 var UnMemoizedEventComponent = function (props) {
     var _a, _b, _c;
     var _d = props.Avatar, Avatar = _d === void 0 ? DefaultAvatar : _d, message = props.message;
-    var tDateTimeParser = useTranslationContext().tDateTimeParser;
+    var tDateTimeParser = useTranslationContext('EventComponent').tDateTimeParser;
     var _e = message.created_at, created_at = _e === void 0 ? '' : _e, event = message.event, text = message.text, type = message.type;
     var dateFormatter = function (date, format) {
         var parsedDate = tDateTimeParser(date);

package/dist/components/Gallery/Gallery.js

@@ -5,7 +5,7 @@ var UnMemoizedGallery = function (props) {
     var images = props.images;
     var _a = useState(0), index = _a[0], setIndex = _a[1];
     var _b = useState(false), modalOpen = _b[0], setModalOpen = _b[1];
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('Gallery').t;
     var toggleModal = function (selectedIndex) {
         if (modalOpen) {
             setModalOpen(false);

package/dist/components/Loading/LoadingErrorIndicator.js

@@ -5,7 +5,7 @@ import { useTranslationContext } from '../../context/TranslationContext';
  */
 var UnMemoizedLoadingErrorIndicator = function (_a) {
     var error = _a.error;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('LoadingErrorIndicator').t;
     if (!error)
         return null;
     return React.createElement("div", null, t('Error: {{ errorMessage }}', { errorMessage: error.message }));

package/dist/components/MML/MML.js

@@ -52,7 +52,7 @@ var MMLReact = React.lazy(function () { return __awaiter(void 0, void 0, void 0,
  */
 export var MML = function (props) {
     var actionHandler = props.actionHandler, _a = props.align, align = _a === void 0 ? 'right' : _a, source = props.source;
-    var theme = useChatContext().theme;
+    var theme = useChatContext('MML').theme;
     return (React.createElement(Suspense, { fallback: null },
         React.createElement(MMLReact, { className: "mml-align-" + align, Loading: null, onSubmit: actionHandler, source: source, Success: null, theme: (theme || '').replace(' ', '-') })));
 };

package/dist/components/Message/FixedHeightMessage.js

@@ -29,10 +29,10 @@ var getUserColor = function (theme, userId) {
 var UnMemoizedFixedHeightMessage = function (props) {
     var _a, _b, _c, _d;
     var propGroupedByUser = props.groupedByUser, propMessage = props.message;
-    var theme = useChatContext().theme;
-    var _e = useMessageContext(), contextGroupedByUser = _e.groupedByUser, contextMessage = _e.message;
-    var _f = useComponentContext().MessageDeleted, MessageDeleted = _f === void 0 ? DefaultMessageDeleted : _f;
-    var userLanguage = useTranslationContext().userLanguage;
+    var theme = useChatContext('FixedHeightMessage').theme;
+    var _e = useMessageContext('FixedHeightMessage'), contextGroupedByUser = _e.groupedByUser, contextMessage = _e.message;
+    var _f = useComponentContext('FixedHeightMessage').MessageDeleted, MessageDeleted = _f === void 0 ? DefaultMessageDeleted : _f;
+    var userLanguage = useTranslationContext('FixedHeightMessage').userLanguage;
     var groupedByUser = propGroupedByUser !== undefined ? propGroupedByUser : contextGroupedByUser;
     var message = propMessage || contextMessage;
     var handleAction = useActionHandler(message);

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,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAqI3B;;;GAGG;AACH,eAAO,MAAM,OAAO,wpBAoHnB,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,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAmI3B;;;GAGG;AACH,eAAO,MAAM,OAAO,wpBAoHnB,CAAC"}

package/dist/components/Message/Message.js

@@ -29,7 +29,7 @@ import { useComponentContext } from '../../context/ComponentContext';
 import { MessageProvider } from '../../context/MessageContext';
 var MessageWithContext = function (props) {
     var canPin = props.canPin, groupedByUser = props.groupedByUser, propMessage = props.Message, message = props.message, _a = props.messageActions, messageActions = _a === void 0 ? Object.keys(MESSAGE_ACTIONS) : _a, propOnUserClick = props.onUserClick, propOnUserHover = props.onUserHover, userRoles = props.userRoles;
-    var contextMessage = useComponentContext().Message;
+    var contextMessage = useComponentContext('Message').Message;
     var actionsEnabled = message.type === 'regular' && message.status === 'received';
     var MessageUIComponent = propMessage || contextMessage;
     var _b = useEditHandler(), clearEdit = _b.clearEdit, editing = _b.editing, setEdit = _b.setEdit;
@@ -39,9 +39,6 @@ var MessageWithContext = function (props) {
     }), onUserClick = _c.onUserClick, onUserHover = _c.onUserHover;
     var canDelete = userRoles.canDelete, canEdit = userRoles.canEdit, canFlag = userRoles.canFlag, canMute = userRoles.canMute, canQuote = userRoles.canQuote, canReact = userRoles.canReact, canReply = userRoles.canReply, isMyMessage = userRoles.isMyMessage;
     var messageActionsHandler = useCallback(function () {
-        if (!message || !messageActions) {
-            return [];
-        }
         return getMessageActions(messageActions, {
             canDelete: canDelete,
             canEdit: canEdit,
@@ -71,8 +68,8 @@ 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().addNotification;
-    var mutes = useChannelStateContext().mutes;
+    var addNotification = useChannelActionContext('Message').addNotification;
+    var mutes = useChannelStateContext('Message').mutes;
     var reactionSelectorRef = useRef(null);
     var handleAction = useActionHandler(message);
     var handleOpenThread = useOpenThreadHandler(message, propOpenThread);

package/dist/components/Message/MessageCommerce.js

@@ -24,7 +24,7 @@ import { useMessageContext } from '../../context/MessageContext';
 var MessageCommerceWithContext = function (props) {
     var _a, _b, _c, _d, _e, _f;
     var groupStyles = props.groupStyles, handleAction = props.handleAction, handleOpenThread = props.handleOpenThread, 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 _g = useComponentContext(), Attachment = _g.Attachment, _h = _g.Avatar, Avatar = _h === void 0 ? DefaultAvatar : _h, _j = _g.MessageDeleted, MessageDeleted = _j === void 0 ? DefaultMessageDeleted : _j, _k = _g.MessageRepliesCountButton, MessageRepliesCountButton = _k === void 0 ? DefaultMessageRepliesCountButton : _k, _l = _g.MessageOptions, MessageOptions = _l === void 0 ? DefaultMessageOptions : _l, _m = _g.MessageTimestamp, MessageTimestamp = _m === void 0 ? DefaultMessageTimestamp : _m, _o = _g.ReactionSelector, ReactionSelector = _o === void 0 ? DefaultReactionSelector : _o, _p = _g.ReactionsList, ReactionsList = _p === void 0 ? DefaultReactionsList : _p;
+    var _g = useComponentContext('MessageCommerce'), Attachment = _g.Attachment, _h = _g.Avatar, Avatar = _h === void 0 ? DefaultAvatar : _h, _j = _g.MessageDeleted, MessageDeleted = _j === void 0 ? DefaultMessageDeleted : _j, _k = _g.MessageRepliesCountButton, MessageRepliesCountButton = _k === void 0 ? DefaultMessageRepliesCountButton : _k, _l = _g.MessageOptions, MessageOptions = _l === void 0 ? DefaultMessageOptions : _l, _m = _g.MessageTimestamp, MessageTimestamp = _m === void 0 ? DefaultMessageTimestamp : _m, _o = _g.ReactionSelector, ReactionSelector = _o === void 0 ? DefaultReactionSelector : _o, _p = _g.ReactionsList, ReactionsList = _p === void 0 ? DefaultReactionsList : _p;
     var hasAttachment = messageHasAttachments(message);
     var hasReactions = messageHasReactions(message);
     var firstGroupStyle = groupStyles ? groupStyles[0] : 'single';
@@ -58,6 +58,6 @@ var MemoizedMessageCommerce = React.memo(MessageCommerceWithContext, areMessageU
  * UI component that renders a message and receives functionality from the Message/MessageList components
  */
 export var MessageCommerce = function (props) {
-    var messageContext = useMessageContext();
+    var messageContext = useMessageContext('MessageCommerce');
     return React.createElement(MemoizedMessageCommerce, __assign({}, messageContext, props));
 };

package/dist/components/Message/MessageDeleted.js

@@ -3,7 +3,7 @@ import { useUserRole } from './hooks/useUserRole';
 import { useTranslationContext } from '../../context/TranslationContext';
 export var MessageDeleted = function (props) {
     var message = props.message;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('MessageDeleted').t;
     var isMyMessage = useUserRole(message).isMyMessage;
     var messageClasses = isMyMessage
         ? 'str-chat__message str-chat__message--me str-chat__message-simple str-chat__message-simple--me'

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,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AA6N3B,oBAAY,6BAA6B,GAAG;IAC1C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,mBAAmB,EAAE,iBAAiB,CAAC;CACxC,CAAC;AA0GF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,6nBAmC7B,CAAC"}
+{"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,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAoN3B,oBAAY,6BAA6B,GAAG;IAC1C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,mBAAmB,EAAE,iBAAiB,CAAC;CACxC,CAAC;AA4GF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,6nBAmC7B,CAAC"}

package/dist/components/Message/MessageLivestream.js

@@ -28,9 +28,8 @@ import { renderText as defaultRenderText, isOnlyEmojis } from '../../utils';
 var MessageLivestreamWithContext = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var clearEditingState = props.clearEditingState, editing = props.editing, groupStyles = props.groupStyles, handleAction = props.handleAction, handleOpenThread = props.handleOpenThread, handleRetry = props.handleRetry, initialMessage = props.initialMessage, isReactionEnabled = props.isReactionEnabled, message = props.message, messageWrapperRef = props.messageWrapperRef, onMentionsClickMessage = props.onMentionsClickMessage, onMentionsHoverMessage = props.onMentionsHoverMessage, onReactionListClick = props.onReactionListClick, onUserClick = props.onUserClick, onUserHover = props.onUserHover, reactionSelectorRef = props.reactionSelectorRef, _l = props.renderText, renderText = _l === void 0 ? defaultRenderText : _l, showDetailedReactions = props.showDetailedReactions, unsafeHTML = props.unsafeHTML;
-    var _m = useComponentContext().QuotedMessage, QuotedMessage = _m === void 0 ? DefaultQuotedMessage : _m;
-    var _o = useComponentContext(), Attachment = _o.Attachment, _p = _o.Avatar, Avatar = _p === void 0 ? DefaultAvatar : _p, _q = _o.EditMessageInput, EditMessageInput = _q === void 0 ? DefaultEditMessageForm : _q, _r = _o.MessageDeleted, MessageDeleted = _r === void 0 ? DefaultMessageDeleted : _r, _s = _o.MessageRepliesCountButton, MessageRepliesCountButton = _s === void 0 ? DefaultMessageRepliesCountButton : _s, _t = _o.PinIndicator, PinIndicator = _t === void 0 ? DefaultPinIndicator : _t, _u = _o.ReactionsList, ReactionsList = _u === void 0 ? DefaultReactionsList : _u, _v = _o.ReactionSelector, ReactionSelector = _v === void 0 ? DefaultReactionSelector : _v;
-    var _w = useTranslationContext(), t = _w.t, userLanguage = _w.userLanguage;
+    var _m = useComponentContext('MessageLivestream'), Attachment = _m.Attachment, _o = _m.Avatar, Avatar = _o === void 0 ? DefaultAvatar : _o, _p = _m.EditMessageInput, EditMessageInput = _p === void 0 ? DefaultEditMessageForm : _p, _q = _m.MessageDeleted, MessageDeleted = _q === void 0 ? DefaultMessageDeleted : _q, _r = _m.MessageRepliesCountButton, MessageRepliesCountButton = _r === void 0 ? DefaultMessageRepliesCountButton : _r, _s = _m.PinIndicator, PinIndicator = _s === void 0 ? DefaultPinIndicator : _s, _t = _m.QuotedMessage, QuotedMessage = _t === void 0 ? DefaultQuotedMessage : _t, _u = _m.ReactionsList, ReactionsList = _u === void 0 ? DefaultReactionsList : _u, _v = _m.ReactionSelector, ReactionSelector = _v === void 0 ? DefaultReactionSelector : _v;
+    var _w = useTranslationContext('MessageLivestream'), t = _w.t, userLanguage = _w.userLanguage;
     var messageTextToRender = ((_a = message.i18n) === null || _a === void 0 ? void 0 : _a[userLanguage + "_text"]) || message.text;
     var messageText = useMemo(function () { return renderText(messageTextToRender, message.mentioned_users); }, [
         message.mentioned_users,
@@ -93,8 +92,8 @@ var MessageLivestreamWithContext = function (props) {
 };
 var MessageLivestreamActions = function (props) {
     var messageWrapperRef = props.messageWrapperRef, onReactionListClick = props.onReactionListClick;
-    var _a = useComponentContext().MessageTimestamp, MessageTimestamp = _a === void 0 ? DefaultTimestamp : _a;
-    var _b = useMessageContext(), getMessageActions = _b.getMessageActions, handleOpenThread = _b.handleOpenThread, initialMessage = _b.initialMessage, message = _b.message, threadList = _b.threadList;
+    var _a = useComponentContext('MessageLivestream').MessageTimestamp, MessageTimestamp = _a === void 0 ? DefaultTimestamp : _a;
+    var _b = useMessageContext('MessageLivestream'), getMessageActions = _b.getMessageActions, handleOpenThread = _b.handleOpenThread, initialMessage = _b.initialMessage, message = _b.message, threadList = _b.threadList;
     var _c = useState(false), actionsBoxOpen = _c[0], setActionsBoxOpen = _c[1];
     var hideOptions = useCallback(function () { return setActionsBoxOpen(false); }, []);
     var messageDeletedAt = !!message.deleted_at;
@@ -155,7 +154,7 @@ var MemoizedMessageLivestream = React.memo(MessageLivestreamWithContext, areMess
  * Implements the look and feel for a livestream use case.
  */
 export var MessageLivestream = function (props) {
-    var messageContext = useMessageContext();
+    var messageContext = useMessageContext('MessageLivestream');
     var messageWrapperRef = useRef(null);
     var reactionSelectorRef = useRef(null);
     var message = props.message || messageContext.message;

package/dist/components/Message/MessageOptions.js

@@ -5,7 +5,7 @@ import { MessageActions } from '../MessageActions';
 import { useMessageContext } from '../../context/MessageContext';
 var UnMemoizedMessageOptions = function (props) {
     var _a = props.ActionsIcon, ActionsIcon = _a === void 0 ? DefaultActionsIcon : _a, _b = props.displayLeft, displayLeft = _b === void 0 ? true : _b, _c = props.displayReplies, displayReplies = _c === void 0 ? true : _c, propHandleOpenThread = props.handleOpenThread, messageWrapperRef = props.messageWrapperRef, _d = props.ReactionIcon, ReactionIcon = _d === void 0 ? DefaultReactionIcon : _d, _e = props.theme, theme = _e === void 0 ? 'simple' : _e, _f = props.ThreadIcon, ThreadIcon = _f === void 0 ? DefaultThreadIcon : _f;
-    var _g = useMessageContext(), customMessageActions = _g.customMessageActions, getMessageActions = _g.getMessageActions, contextHandleOpenThread = _g.handleOpenThread, initialMessage = _g.initialMessage, isMyMessage = _g.isMyMessage, message = _g.message, onReactionListClick = _g.onReactionListClick, threadList = _g.threadList;
+    var _g = useMessageContext('MessageOptions'), customMessageActions = _g.customMessageActions, getMessageActions = _g.getMessageActions, contextHandleOpenThread = _g.handleOpenThread, initialMessage = _g.initialMessage, isMyMessage = _g.isMyMessage, message = _g.message, onReactionListClick = _g.onReactionListClick, threadList = _g.threadList;
     var handleOpenThread = propHandleOpenThread || contextHandleOpenThread;
     var messageActions = getMessageActions();
     var showActionsBox = showMessageActionsBox(messageActions) || !!customMessageActions;

package/dist/components/Message/MessageRepliesCountButton.js

@@ -3,7 +3,7 @@ import { ReplyIcon } from './icons';
 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().t;
+    var t = useTranslationContext('MessageRepliesCountButton').t;
     var singleReplyText;
     var pluralReplyText;
     if (reply_count === 1) {

package/dist/components/Message/MessageSimple.js

@@ -27,7 +27,7 @@ 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 _b = useComponentContext(), 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 = 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 messageWrapperRef = useRef(null);
     var hasAttachment = messageHasAttachments(message);
     var hasReactions = messageHasReactions(message);
@@ -67,6 +67,6 @@ var MemoizedMessageSimple = React.memo(MessageSimpleWithContext, areMessageUIPro
  * The default UI component that renders a message and receives functionality and logic from the MessageContext.
  */
 export var MessageSimple = function (props) {
-    var messageContext = useMessageContext();
+    var messageContext = useMessageContext('MessageSimple');
     return React.createElement(MemoizedMessageSimple, __assign({}, messageContext, props));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MessageStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AASjE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA0FF,eAAO,MAAM,aAAa,qjBA/EjB,kBAAkB,uBA+EuE,CAAC"}
+{"version":3,"file":"MessageStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AASjE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA4FF,eAAO,MAAM,aAAa,qjBAjFjB,kBAAkB,uBAiFuE,CAAC"}

package/dist/components/Message/MessageStatus.js

@@ -11,10 +11,10 @@ import { useTranslationContext } from '../../context/TranslationContext';
 var UnMemoizedMessageStatus = function (props) {
     var _a;
     var propAvatar = props.Avatar, _b = props.messageType, messageType = _b === void 0 ? 'simple' : _b;
-    var client = useChatContext().client;
-    var contextAvatar = useComponentContext().Avatar;
-    var _c = useMessageContext(), isMyMessage = _c.isMyMessage, lastReceivedId = _c.lastReceivedId, message = _c.message, readBy = _c.readBy, threadList = _c.threadList;
-    var t = useTranslationContext().t;
+    var client = useChatContext('MessageStatus').client;
+    var contextAvatar = useComponentContext('MessageStatus').Avatar;
+    var _c = useMessageContext('MessageStatus'), isMyMessage = _c.isMyMessage, lastReceivedId = _c.lastReceivedId, message = _c.message, readBy = _c.readBy, threadList = _c.threadList;
+    var t = useTranslationContext('MessageStatus').t;
     var Avatar = propAvatar || contextAvatar || DefaultAvatar;
     if (!isMyMessage() || message.type === 'error') {
         return null;

package/dist/components/Message/MessageTeam.js

@@ -30,8 +30,8 @@ import { renderText as defaultRenderText, isOnlyEmojis } from '../../utils';
 var MessageTeamWithContext = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     var clearEditingState = props.clearEditingState, editing = props.editing, getMessageActions = props.getMessageActions, groupStyles = props.groupStyles, handleAction = props.handleAction, handleOpenThread = props.handleOpenThread, handleRetry = props.handleRetry, initialMessage = props.initialMessage, isReactionEnabled = props.isReactionEnabled, message = props.message, messageWrapperRef = props.messageWrapperRef, onMentionsClickMessage = props.onMentionsClickMessage, onMentionsHoverMessage = props.onMentionsHoverMessage, onReactionListClick = props.onReactionListClick, onUserClick = props.onUserClick, onUserHover = props.onUserHover, reactionSelectorRef = props.reactionSelectorRef, _o = props.renderText, renderText = _o === void 0 ? defaultRenderText : _o, showDetailedReactions = props.showDetailedReactions, threadList = props.threadList, unsafeHTML = props.unsafeHTML;
-    var _p = useComponentContext(), Attachment = _p.Attachment, _q = _p.Avatar, Avatar = _q === void 0 ? DefaultAvatar : _q, _r = _p.EditMessageInput, EditMessageInput = _r === void 0 ? DefaultEditMessageForm : _r, _s = _p.MessageDeleted, MessageDeleted = _s === void 0 ? DefaultMessageDeleted : _s, _t = _p.MessageRepliesCountButton, MessageRepliesCountButton = _t === void 0 ? DefaultMessageRepliesCountButton : _t, _u = _p.MessageTimestamp, MessageTimestamp = _u === void 0 ? DefaultTimestamp : _u, _v = _p.PinIndicator, PinIndicator = _v === void 0 ? DefaultPinIndicator : _v, _w = _p.QuotedMessage, QuotedMessage = _w === void 0 ? DefaultQuotedMessage : _w, _x = _p.ReactionsList, ReactionsList = _x === void 0 ? DefaultReactionsList : _x, _y = _p.ReactionSelector, ReactionSelector = _y === void 0 ? DefaultReactionSelector : _y;
-    var _z = useTranslationContext(), t = _z.t, userLanguage = _z.userLanguage;
+    var _p = useComponentContext('MessageTeam'), Attachment = _p.Attachment, _q = _p.Avatar, Avatar = _q === void 0 ? DefaultAvatar : _q, _r = _p.EditMessageInput, EditMessageInput = _r === void 0 ? DefaultEditMessageForm : _r, _s = _p.MessageDeleted, MessageDeleted = _s === void 0 ? DefaultMessageDeleted : _s, _t = _p.MessageRepliesCountButton, MessageRepliesCountButton = _t === void 0 ? DefaultMessageRepliesCountButton : _t, _u = _p.MessageTimestamp, MessageTimestamp = _u === void 0 ? DefaultTimestamp : _u, _v = _p.PinIndicator, PinIndicator = _v === void 0 ? DefaultPinIndicator : _v, _w = _p.QuotedMessage, QuotedMessage = _w === void 0 ? DefaultQuotedMessage : _w, _x = _p.ReactionsList, ReactionsList = _x === void 0 ? DefaultReactionsList : _x, _y = _p.ReactionSelector, ReactionSelector = _y === void 0 ? DefaultReactionSelector : _y;
+    var _z = useTranslationContext('MessageTeam'), t = _z.t, userLanguage = _z.userLanguage;
     var messageActions = getMessageActions();
     var showActionsBox = showMessageActionsBox(messageActions);
     var shouldShowReplies = messageActions.indexOf(MESSAGE_ACTIONS.reply) > -1 && !threadList;
@@ -101,7 +101,7 @@ var MemoizedMessageTeam = React.memo(MessageTeamWithContext, areMessageUIPropsEq
  * Implements the look and feel for a team style collaboration environment.
  */
 export var MessageTeam = function (props) {
-    var messageContext = useMessageContext();
+    var messageContext = useMessageContext('MessageTeam');
     var reactionSelectorRef = useRef(null);
     var messageWrapperRef = useRef(null);
     var message = props.message || messageContext.message;

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,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,gBAAgB,CAC1B,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiGF,eAAO,MAAM,WAAW,wnBAEkB,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,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,gBAAgB,CAC1B,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA2FF,eAAO,MAAM,WAAW,wnBAEkB,CAAC"}

package/dist/components/Message/MessageText.js

@@ -9,9 +9,9 @@ import { renderText as defaultRenderText, isOnlyEmojis } from '../../utils';
 var UnMemoizedMessageTextComponent = function (props) {
     var _a;
     var customInnerClass = props.customInnerClass, _b = props.customWrapperClass, customWrapperClass = _b === void 0 ? '' : _b, propMessage = props.message, _c = props.theme, theme = _c === void 0 ? 'simple' : _c;
-    var _d = useComponentContext().QuotedMessage, QuotedMessage = _d === void 0 ? DefaultQuotedMessage : _d;
-    var _e = useMessageContext(), contextMessage = _e.message, onMentionsClickMessage = _e.onMentionsClickMessage, onMentionsHoverMessage = _e.onMentionsHoverMessage, _f = _e.renderText, renderText = _f === void 0 ? defaultRenderText : _f, unsafeHTML = _e.unsafeHTML;
-    var _g = useTranslationContext(), t = _g.t, userLanguage = _g.userLanguage;
+    var _d = useComponentContext('MessageText').QuotedMessage, QuotedMessage = _d === void 0 ? DefaultQuotedMessage : _d;
+    var _e = useMessageContext('MessageText'), contextMessage = _e.message, onMentionsClickMessage = _e.onMentionsClickMessage, onMentionsHoverMessage = _e.onMentionsHoverMessage, _f = _e.renderText, renderText = _f === void 0 ? defaultRenderText : _f, unsafeHTML = _e.unsafeHTML;
+    var _g = useTranslationContext('MessageText'), t = _g.t, userLanguage = _g.userLanguage;
     var handleMobilePress = useMobilePress().handleMobilePress;
     var message = propMessage || contextMessage;
     var hasAttachment = messageHasAttachments(message);

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,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAE3F,eAAO,MAAM,wBAAwB,oFAC8C,CAAC;AA4CpF,oBAAY,qBAAqB,CAC/B,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;CACrD,CAAC;AAyCF,eAAO,MAAM,gBAAgB,6nBAES,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,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAE3F,eAAO,MAAM,wBAAwB,oFAC8C,CAAC;AA4CpF,oBAAY,qBAAqB,CAC/B,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;CACrD,CAAC;AA2CF,eAAO,MAAM,gBAAgB,6nBAES,CAAC"}

package/dist/components/Message/MessageTimestamp.js

@@ -34,8 +34,8 @@ function getDateString(messageCreatedAt, formatDate, calendar, tDateTimeParser,
 }
 var UnMemoizedMessageTimestamp = function (props) {
     var _a = props.calendar, calendar = _a === void 0 ? false : _a, _b = props.customClass, customClass = _b === void 0 ? '' : _b, _c = props.format, format = _c === void 0 ? defaultTimestampFormat : _c, propMessage = props.message;
-    var _d = useMessageContext(), formatDate = _d.formatDate, contextMessage = _d.message;
-    var tDateTimeParser = useTranslationContext().tDateTimeParser;
+    var _d = useMessageContext('MessageTimestamp'), formatDate = _d.formatDate, contextMessage = _d.message;
+    var tDateTimeParser = useTranslationContext('MessageTimestamp').tDateTimeParser;
     var message = propMessage || contextMessage;
     var createdAt = message.created_at;
     var when = useMemo(function () { return getDateString(createdAt, formatDate, calendar, tDateTimeParser, format); }, [formatDate, calendar, tDateTimeParser, format, createdAt]);

package/dist/components/Message/QuotedMessage.js

@@ -5,9 +5,9 @@ import { useMessageContext } from '../../context/MessageContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 export var QuotedMessage = function () {
     var _a, _b;
-    var Attachment = useComponentContext().Attachment;
-    var _c = useMessageContext(), isMyMessage = _c.isMyMessage, message = _c.message;
-    var userLanguage = useTranslationContext().userLanguage;
+    var Attachment = useComponentContext('QuotedMessage').Attachment;
+    var _c = useMessageContext('QuotedMessage'), isMyMessage = _c.isMyMessage, message = _c.message;
+    var userLanguage = useTranslationContext('QuotedMessage').userLanguage;
     var quoted_message = message.quoted_message;
     if (!quoted_message)
         return null;

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

@@ -1 +1 @@
-{"version":3,"file":"useActionHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useActionHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAE7F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,oBAAY,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9C,oBAAY,uBAAuB,GAAG,CACpC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,EAC9B,KAAK,CAAC,EAAE,MAAM,EACd,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAC7B,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAE1B,eAAO,MAAM,mBAAmB,2MACyF,CAAC;AAE1H,wBAAgB,gBAAgB,CAC9B,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,EAChD,OAAO,CAAC,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,uBAAuB,CAgC9E"}
+{"version":3,"file":"useActionHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useActionHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAE7F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,oBAAY,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9C,oBAAY,uBAAuB,GAAG,CACpC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,EAC9B,KAAK,CAAC,EAAE,MAAM,EACd,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAC7B,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAE1B,eAAO,MAAM,mBAAmB,2MACyF,CAAC;AAE1H,wBAAgB,gBAAgB,CAC9B,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,EAChD,OAAO,CAAC,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,uBAAuB,CAkC9E"}

package/dist/components/Message/hooks/useActionHandler.js

@@ -50,8 +50,8 @@ import { useChannelStateContext } from '../../../context/ChannelStateContext';
 export var handleActionWarning = "Action handler was called, but it is missing one of its required arguments. \nMake sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.";
 export function useActionHandler(message) {
     var _this = this;
-    var _a = useChannelActionContext(), removeMessage = _a.removeMessage, updateMessage = _a.updateMessage;
-    var channel = useChannelStateContext().channel;
+    var _a = useChannelActionContext('useActionHandler'), removeMessage = _a.removeMessage, updateMessage = _a.updateMessage;
+    var channel = useChannelStateContext('useActionHandler').channel;
     return function (dataOrName, value, event) { return __awaiter(_this, void 0, void 0, function () {
         var messageID, formData, data;
         return __generator(this, function (_a) {

package/dist/components/Message/hooks/useDeleteHandler.js

@@ -41,9 +41,9 @@ import { useTranslationContext } from '../../../context/TranslationContext';
 export var useDeleteHandler = function (message, notifications) {
     if (notifications === void 0) { notifications = {}; }
     var getErrorNotification = notifications.getErrorNotification, notify = notifications.notify;
-    var updateMessage = useChannelActionContext().updateMessage;
-    var client = useChatContext().client;
-    var t = useTranslationContext().t;
+    var updateMessage = useChannelActionContext('useDeleteHandler').updateMessage;
+    var client = useChatContext('useDeleteHandler').client;
+    var t = useTranslationContext('useDeleteHandler').t;
     return function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var data, e_1, errorMessage;
         return __generator(this, function (_a) {

package/dist/components/Message/hooks/useFlagHandler.js

@@ -40,8 +40,8 @@ import { useTranslationContext } from '../../../context/TranslationContext';
 export var missingUseFlagHandlerParameterWarning = 'useFlagHandler was called but it is missing one or more necessary parameters.';
 export var useFlagHandler = function (message, notifications) {
     if (notifications === void 0) { notifications = {}; }
-    var client = useChatContext().client;
-    var t = useTranslationContext().t;
+    var client = useChatContext('useFlagHandler').client;
+    var t = useTranslationContext('useFlagHandler').t;
     return function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var getErrorNotification, getSuccessNotification, notify, successMessage, e_1, errorMessage;
         var _a;

package/dist/components/Message/hooks/useMentionsHandler.js

@@ -9,7 +9,7 @@ function createEventHandler(fn, message) {
     };
 }
 export var useMentionsHandler = function (message, customMentionHandler) {
-    var _a = useChannelActionContext(), contextOnMentionsClick = _a.onMentionsClick, contextOnMentionsHover = _a.onMentionsHover;
+    var _a = useChannelActionContext('useMentionsHandler'), contextOnMentionsClick = _a.onMentionsClick, contextOnMentionsHover = _a.onMentionsHover;
     var onMentionsClick = (customMentionHandler === null || customMentionHandler === void 0 ? void 0 : customMentionHandler.onMentionsClick) || contextOnMentionsClick || (function () { return null; });
     var onMentionsHover = (customMentionHandler === null || customMentionHandler === void 0 ? void 0 : customMentionHandler.onMentionsHover) || contextOnMentionsHover || (function () { return null; });
     return {

package/dist/components/Message/hooks/useMuteHandler.js

@@ -41,9 +41,9 @@ import { useTranslationContext } from '../../../context/TranslationContext';
 export var missingUseMuteHandlerParamsWarning = 'useMuteHandler was called but it is missing one or more necessary parameter.';
 export var useMuteHandler = function (message, notifications) {
     if (notifications === void 0) { notifications = {}; }
-    var mutes = useChannelStateContext().mutes;
-    var client = useChatContext().client;
-    var t = useTranslationContext().t;
+    var mutes = useChannelStateContext('useMuteHandler').mutes;
+    var client = useChatContext('useMuteHandler').client;
+    var t = useTranslationContext('useMuteHandler').t;
     return function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var getErrorNotification, getSuccessNotification, notify, successMessage, e_1, errorMessage, fallbackMessage, successMessage, e_2, errorMessage;
         return __generator(this, function (_a) {

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

@@ -1 +1 @@
-{"version":3,"file":"useOpenThreadHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useOpenThreadHandler.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,oBAAoB,8sBAYtB,MAAM,kBAAkB,KAC5B,IAAI,kBACR,iBAaF,CAAC"}
+{"version":3,"file":"useOpenThreadHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useOpenThreadHandler.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,oBAAoB,8sBAYtB,MAAM,kBAAkB,KAC5B,IAAI,kBACR,iBAeF,CAAC"}

package/dist/components/Message/hooks/useOpenThreadHandler.js

@@ -1,6 +1,6 @@
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
 export var useOpenThreadHandler = function (message, customOpenThread) {
-    var channelOpenThread = useChannelActionContext().openThread;
+    var channelOpenThread = useChannelActionContext('useOpenThreadHandler').openThread;
     var openThread = customOpenThread || channelOpenThread;
     return function (event) {
         if (!openThread || !message) {

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

@@ -1 +1 @@
-{"version":3,"file":"usePinHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/usePinHandler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAI7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,oBAAY,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACxF,MAAM,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAClC,GAAG;IACF,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AAEF,oBAAY,uBAAuB,CACjC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,MAAM,CAAC;IACtF,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,aAAa,+nBAUX,cAAc;;;CA6E5B,CAAC"}
+{"version":3,"file":"usePinHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/usePinHandler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAI7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAG9B,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAGF,oBAAY,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACxF,MAAM,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAClC,GAAG;IACF,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AAEF,oBAAY,uBAAuB,CACjC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,MAAM,CAAC;IACtF,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,aAAa,+nBAWX,cAAc;;;CAkE5B,CAAC"}

package/dist/components/Message/hooks/usePinHandler.js

@@ -50,25 +50,18 @@ import { useChannelActionContext } from '../../../context/ChannelActionContext';
 import { useChannelStateContext } from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 import { useTranslationContext } from '../../../context/TranslationContext';
-export var usePinHandler = function (message, permissions, notifications) {
+export var usePinHandler = function (message, 
+// @ts-expect-error @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
+permissions, // eslint-disable-line
+notifications) {
     if (permissions === void 0) { permissions = defaultPinPermissions; }
     if (notifications === void 0) { notifications = {}; }
     var getErrorNotification = notifications.getErrorNotification, notify = notifications.notify;
-    var updateMessage = useChannelActionContext().updateMessage;
-    var channel = useChannelStateContext().channel;
-    var client = useChatContext().client;
-    var t = useTranslationContext().t;
-    var canPin = function () {
-        if (!channel || !permissions || !permissions[channel.type]) {
-            return false;
-        }
-        var currentChannelPermissions = permissions[channel.type];
-        var currentRole = channel.state.membership.role;
-        if (currentChannelPermissions && currentRole && currentChannelPermissions[currentRole]) {
-            return true;
-        }
-        return false;
-    };
+    var updateMessage = useChannelActionContext('usePinHandler').updateMessage;
+    var _a = useChannelStateContext('usePinHandler').channelCapabilities, channelCapabilities = _a === void 0 ? {} : _a;
+    var client = useChatContext('usePinHandler').client;
+    var t = useTranslationContext('usePinHandler').t;
+    var canPin = !!channelCapabilities['pin-message'];
     var handlePin = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var optimisticMessage, messageResponse, e_1, errorMessage, optimisticMessage, messageResponse, e_2, errorMessage;
         return __generator(this, function (_a) {
@@ -116,5 +109,5 @@ export var usePinHandler = function (message, permissions, notifications) {
             }
         });
     }); };
-    return { canPin: canPin(), handlePin: handlePin };
+    return { canPin: canPin, handlePin: handlePin };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useReactionHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useReactionHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAInF,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAG7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAIlD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB,4MACsF,CAAC;AAE1H,eAAO,MAAM,kBAAkB,gpBAoFD,MAAM,kFAmCnC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;CAmG5B,CAAC"}
+{"version":3,"file":"useReactionHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useReactionHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAInF,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAG7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAIlD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB,4MACsF,CAAC;AAE1H,eAAO,MAAM,kBAAkB,gpBAsFD,MAAM,kFAmCnC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;CA4G5B,CAAC"}

package/dist/components/Message/hooks/useReactionHandler.js

@@ -57,9 +57,9 @@ import { useChannelStateContext } from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 export var reactionHandlerWarning = "Reaction handler was called, but it is missing one of its required arguments.\nMake sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.";
 export var useReactionHandler = function (message) {
-    var updateMessage = useChannelActionContext().updateMessage;
-    var channel = useChannelStateContext().channel;
-    var client = useChatContext().client;
+    var updateMessage = useChannelActionContext('useReactionHandler').updateMessage;
+    var channel = useChannelStateContext('useReactionHandler').channel;
+    var client = useChatContext('useReactionHandler').client;
     var createMessagePreview = useCallback(function (add, reaction, message) {
         var _a, _b;
         var newReactionCounts = (message === null || message === void 0 ? void 0 : message.reaction_counts) || {};
@@ -174,11 +174,10 @@ export var useReactionHandler = function (message) {
     }); };
 };
 export var useReactionClick = function (message, reactionSelectorRef, messageWrapperRef, closeReactionSelectorOnClick) {
-    var _a, _b;
-    var channel = useChannelStateContext().channel;
+    var _a = useChannelStateContext('useReactionClick'), _b = _a.channelCapabilities, channelCapabilities = _b === void 0 ? {} : _b, channelConfig = _a.channelConfig;
     var _c = useState(false), showDetailedReactions = _c[0], setShowDetailedReactions = _c[1];
     var hasListener = useRef(false);
-    var isReactionEnabled = ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.getConfig) === null || _a === void 0 ? void 0 : _a.call(channel)) === null || _b === void 0 ? void 0 : _b.reactions) !== false;
+    var isReactionEnabled = (channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.reactions) !== false && channelCapabilities['send-reaction'];
     var messageDeleted = !!(message === null || message === void 0 ? void 0 : message.deleted_at);
     var closeDetailedReactions = useCallback(function (event) {
         var _a;

package/dist/components/Message/hooks/useRetryHandler.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
 export var useRetryHandler = function (customRetrySendMessage) {
-    var contextRetrySendMessage = useChannelActionContext().retrySendMessage;
+    var contextRetrySendMessage = useChannelActionContext('useRetryHandler').retrySendMessage;
     var retrySendMessage = customRetrySendMessage || contextRetrySendMessage;
     return function (message) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

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

@@ -6,8 +6,8 @@ export declare const useUserRole: <At extends DefaultAttachmentType = DefaultAtt
     canFlag: boolean;
     canMute: boolean | undefined;
     canQuote: boolean;
-    canReact: boolean | undefined;
-    canReply: boolean | undefined;
+    canReact: boolean;
+    canReply: boolean;
     isAdmin: boolean;
     isModerator: boolean;
     isMyMessage: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useUserRole.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useUserRole.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAG7F,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,WAAW;;;;;;;;;;;;CA8CvB,CAAC"}
+{"version":3,"file":"useUserRole.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useUserRole.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAG7F,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,WAAW;;;;;;;;;;;;CA4DvB,CAAC"}