stream-chat-react 6.9.1 → 6.12.1

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,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,wBAAwB,CAClC,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,EAAE,oBAAoB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACvE,OAAO,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;CACpD,CAAC;AA+BF,aAAK,+BAA+B,GAChC,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,CAAC;AAEhB,oBAAY,sBAAsB,CAChC,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,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,+BAA+B,CAAC,GAAG;IAC3F,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAgIF;;GAEG;AACH,eAAO,MAAM,iBAAiB,unBAES,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,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,wBAAwB,CAClC,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,EAAE,oBAAoB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACvE,OAAO,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;CACpD,CAAC;AA+BF,aAAK,+BAA+B,GAChC,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,CAAC;AAEhB,oBAAY,sBAAsB,CAChC,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,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,+BAA+B,CAAC,GAAG;IAC3F,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAkIF;;GAEG;AACH,eAAO,MAAM,iBAAiB,unBAES,CAAC"}

package/dist/components/MessageActions/MessageActionsBox.js

@@ -14,9 +14,9 @@ var CustomMessageActionsList = function (props) {
 };
 var UnMemoizedMessageActionsBox = function (props) {
     var getMessageActions = props.getMessageActions, handleDelete = props.handleDelete, handleEdit = props.handleEdit, handleFlag = props.handleFlag, handleMute = props.handleMute, handlePin = props.handlePin, isUserMuted = props.isUserMuted, mine = props.mine, _a = props.open, open = _a === void 0 ? false : _a;
-    var setQuotedMessage = useChannelActionContext().setQuotedMessage;
-    var _b = useMessageContext(), customMessageActions = _b.customMessageActions, message = _b.message, messageListRect = _b.messageListRect;
-    var t = useTranslationContext().t;
+    var setQuotedMessage = useChannelActionContext('MessageActionsBox').setQuotedMessage;
+    var _b = useMessageContext('MessageActionsBox'), customMessageActions = _b.customMessageActions, message = _b.message, messageListRect = _b.messageListRect;
+    var t = useTranslationContext('MessageActionsBox').t;
     var _c = useState(false), reverse = _c[0], setReverse = _c[1];
     var messageActions = getMessageActions();
     var checkIfReverse = useCallback(function (containerElement) {

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultTriggerProvider.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/DefaultTriggerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAWjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAElB,kBAAkB,EAElB,eAAe,EACf,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,uBAAuB,GAAG;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAExC,oBAAY,qBAAqB,CAC/B,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,IAChD,cAAc,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC;AAE5D,oBAAY,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;AAE/E,oBAAY,kBAAkB,CAAC,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAAI,cAAc,CAC/F,aAAa,EACb,cAAc,CAAC,EAAE,CAAC,CACnB,CAAC;AAEF,oBAAY,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,CAAC,GAAG,WAAW,IAAI;IACjF,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC3C,YAAY,EAAE,CACZ,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,uBAAuB,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,KACpE,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,CACN,MAAM,EAAE,CAAC,KAEP;QACE,aAAa,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;QACjD,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,GACD,MAAM,GACN,IAAI,CAAC;IACT,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B,CAAC;AAEF,oBAAY,eAAe,CACzB,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,EAChD,CAAC,SAAS,aAAa,GAAG,aAAa,IAErC;KACG,GAAG,IAAI,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;CAC3E,GACD;IACE,GAAG,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAC;IAC/B,GAAG,EAAE,mBAAmB,CAAC;IACzB,GAAG,EAAE,kBAAkB,CAAC,EAAE,CAAC,CAAC;CAC7B,CAAC;AAEN,eAAO,MAAM,sBAAsB,sfAWhC,kBAAkB,OAAO,MAAM,EAAE,OAAO,CAAC,CAAC,gBAqB5C,CAAC"}
+{"version":3,"file":"DefaultTriggerProvider.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/DefaultTriggerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAWjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAElB,kBAAkB,EAElB,eAAe,EACf,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,uBAAuB,GAAG;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAExC,oBAAY,qBAAqB,CAC/B,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,IAChD,cAAc,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC;AAE5D,oBAAY,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;AAE/E,oBAAY,kBAAkB,CAAC,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAAI,cAAc,CAC/F,aAAa,EACb,cAAc,CAAC,EAAE,CAAC,CACnB,CAAC;AAEF,oBAAY,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,CAAC,GAAG,WAAW,IAAI;IACjF,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC3C,YAAY,EAAE,CACZ,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,uBAAuB,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,KACpE,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,CACN,MAAM,EAAE,CAAC,KAEP;QACE,aAAa,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;QACjD,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,GACD,MAAM,GACN,IAAI,CAAC;IACT,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B,CAAC;AAEF,oBAAY,eAAe,CACzB,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,EAChD,CAAC,SAAS,aAAa,GAAG,aAAa,IAErC;KACG,GAAG,IAAI,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;CAC3E,GACD;IACE,GAAG,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAC;IAC/B,GAAG,EAAE,mBAAmB,CAAC;IACzB,GAAG,EAAE,kBAAkB,CAAC,EAAE,CAAC,CAAC;CAC7B,CAAC;AAEN,eAAO,MAAM,sBAAsB,sfAWhC,kBAAkB,OAAO,MAAM,EAAE,OAAO,CAAC,CAAC,gBAuB5C,CAAC"}

package/dist/components/MessageInput/DefaultTriggerProvider.js

@@ -16,7 +16,7 @@ import { useUserTrigger } from './hooks/useUserTrigger';
 import { MessageInputContextProvider, useMessageInputContext, } from '../../context/MessageInputContext';
 export var DefaultTriggerProvider = function (_a) {
     var children = _a.children;
-    var currentValue = useMessageInputContext();
+    var currentValue = useMessageInputContext('DefaultTriggerProvider');
     var defaultAutocompleteTriggers = {
         '/': useCommandTrigger(),
         ':': useEmojiTrigger(currentValue.emojiIndex),

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

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from 'react';
+import type { MessageInputProps } from './MessageInput';
+import type { CustomTrigger, DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType, UnknownType } from '../../types/types';
+export declare const DropzoneProvider: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends UnknownType = UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../types/types").DefaultUserTypeInternal>, V extends CustomTrigger = CustomTrigger>(props: React.PropsWithChildren<MessageInputProps<At, Ch, Co, Ev, Me, Re, Us, V>>) => JSX.Element;
+//# sourceMappingURL=DropzoneProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneProvider.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/DropzoneProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAajD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EACf,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAsC3B,eAAO,MAAM,gBAAgB,ukBA0B5B,CAAC"}

package/dist/components/MessageInput/DropzoneProvider.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { ImageDropzone } from 'react-file-utils';
+import { useCooldownTimer } from './hooks/useCooldownTimer';
+import { useCreateMessageInputContext } from './hooks/useCreateMessageInputContext';
+import { useMessageInputState } from './hooks/useMessageInputState';
+import { useChannelStateContext } from '../../context/ChannelStateContext';
+import { MessageInputContextProvider, useMessageInputContext, } from '../../context/MessageInputContext';
+var DropzoneInner = function (_a) {
+    var children = _a.children;
+    var _b = useChannelStateContext('DropzoneProvider'), acceptedFiles = _b.acceptedFiles, multipleUploads = _b.multipleUploads;
+    var _c = useMessageInputContext('DropzoneProvider'), cooldownRemaining = _c.cooldownRemaining, isUploadEnabled = _c.isUploadEnabled, maxFilesLeft = _c.maxFilesLeft, uploadNewFiles = _c.uploadNewFiles;
+    return (React.createElement(ImageDropzone, { accept: acceptedFiles, disabled: !isUploadEnabled || maxFilesLeft === 0 || !!cooldownRemaining, handleFiles: uploadNewFiles, maxNumberOfFiles: maxFilesLeft, multiple: multipleUploads }, children));
+};
+export var DropzoneProvider = function (props) {
+    var cooldownTimerState = useCooldownTimer();
+    var messageInputState = useMessageInputState(props);
+    var messageInputContextValue = useCreateMessageInputContext(__assign(__assign(__assign({}, cooldownTimerState), messageInputState), props));
+    return (React.createElement(MessageInputContextProvider, { value: messageInputContextValue },
+        React.createElement(DropzoneInner, null, props.children)));
+};

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,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,eAAe,umBA2F3B,CAAC"}
+{"version":3,"file":"EditMessageForm.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/EditMessageForm.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,eAAe,umBA6F3B,CAAC"}

package/dist/components/MessageInput/EditMessageForm.js

@@ -11,10 +11,10 @@ import { useTranslationContext } from '../../context/TranslationContext';
 import { useMessageInputContext } from '../../context/MessageInputContext';
 import { useComponentContext } from '../../context/ComponentContext';
 export var EditMessageForm = function () {
-    var _a = useChannelStateContext(), acceptedFiles = _a.acceptedFiles, multipleUploads = _a.multipleUploads;
-    var t = useTranslationContext().t;
-    var _b = useMessageInputContext(), clearEditingState = _b.clearEditingState, handleSubmit = _b.handleSubmit, isUploadEnabled = _b.isUploadEnabled, maxFilesLeft = _b.maxFilesLeft, openEmojiPicker = _b.openEmojiPicker, uploadNewFiles = _b.uploadNewFiles;
-    var _c = useComponentContext(), _d = _c.EmojiIcon, EmojiIcon = _d === void 0 ? DefaultEmojiIcon : _d, _e = _c.FileUploadIcon, FileUploadIcon = _e === void 0 ? DefaultFileUploadIcon : _e;
+    var _a = useChannelStateContext('EditMessageForm'), acceptedFiles = _a.acceptedFiles, multipleUploads = _a.multipleUploads;
+    var t = useTranslationContext('EditMessageForm').t;
+    var _b = useMessageInputContext('EditMessageForm'), clearEditingState = _b.clearEditingState, handleSubmit = _b.handleSubmit, isUploadEnabled = _b.isUploadEnabled, maxFilesLeft = _b.maxFilesLeft, openEmojiPicker = _b.openEmojiPicker, uploadNewFiles = _b.uploadNewFiles;
+    var _c = useComponentContext('EditMessageForm'), _d = _c.EmojiIcon, EmojiIcon = _d === void 0 ? DefaultEmojiIcon : _d, _e = _c.FileUploadIcon, FileUploadIcon = _e === void 0 ? DefaultFileUploadIcon : _e;
     useEffect(function () {
         var onKeyDown = function (event) {
             if (event.keyCode === KEY_CODES.ESC && clearEditingState)

package/dist/components/MessageInput/EmojiPicker.js

@@ -10,9 +10,9 @@ var filterEmoji = function (emoji) {
 };
 export var EmojiPicker = function (props) {
     var small = props.small;
-    var _a = useEmojiContext(), emojiConfig = _a.emojiConfig, EmojiPickerComponent = _a.EmojiPicker;
-    var t = useTranslationContext().t;
-    var messageInput = useMessageInputContext();
+    var _a = useEmojiContext('EmojiPicker'), emojiConfig = _a.emojiConfig, EmojiPickerComponent = _a.EmojiPicker;
+    var t = useTranslationContext('EmojiPicker').t;
+    var messageInput = useMessageInputContext('EmojiPicker');
     var emojiData = (emojiConfig || {}).emojiData;
     if (messageInput.emojiPickerIsOpen && emojiData) {
         var className = small

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

@@ -1,15 +1,17 @@
 import React from 'react';
+import { FileUpload, ImageUpload } from './hooks/useMessageInputState';
+import { StreamMessage } from '../../context/ChannelStateContext';
 import type { Channel, SendFileAPIResponse } from 'stream-chat';
-import type { FileUpload, ImageUpload } from './hooks/useMessageInputState';
 import type { SearchQueryParams } from '../ChannelSearch/ChannelSearch';
 import type { MessageToSend } from '../../context/ChannelActionContext';
-import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { CustomTrigger, DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../types/types';
 export declare type MessageInputProps<At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends DefaultCommandType = DefaultCommandType, Ev extends DefaultEventType = DefaultEventType, Me extends DefaultMessageType = DefaultMessageType, Re extends DefaultReactionType = DefaultReactionType, Us extends DefaultUserType<Us> = DefaultUserType, V extends CustomTrigger = CustomTrigger> = {
     /** Additional props to be passed to the underlying `AutoCompleteTextarea` component, [available props](https://www.npmjs.com/package/react-textarea-autosize) */
     additionalTextareaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
     /** Function to clear the editing state while editing a message */
     clearEditingState?: () => void;
+    /** If true, picking an emoji from the `EmojiPicker` component will close the picker */
+    closeEmojiPickerOnClick?: boolean;
     /** If true, disables the text input */
     disabled?: boolean;
     /** If true, the suggestion list will not display and autocomplete @mentions. Default: false. */

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

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

package/dist/components/MessageInput/MessageInput.js

@@ -9,22 +9,32 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
+import React, { useMemo } from 'react';
 import { DefaultTriggerProvider } from './DefaultTriggerProvider';
 import { MessageInputFlat } from './MessageInputFlat';
 import { useCooldownTimer } from './hooks/useCooldownTimer';
 import { useCreateMessageInputContext } from './hooks/useCreateMessageInputContext';
 import { useMessageInputState } from './hooks/useMessageInputState';
-import { MessageInputContextProvider } from '../../context/MessageInputContext';
+import { useChannelStateContext } from '../../context/ChannelStateContext';
 import { useComponentContext } from '../../context/ComponentContext';
+import { MessageInputContextProvider } from '../../context/MessageInputContext';
+var MessageInputProvider = function (props) {
+    var cooldownTimerState = useCooldownTimer();
+    var messageInputState = useMessageInputState(props);
+    var messageInputContextValue = useCreateMessageInputContext(__assign(__assign(__assign({}, cooldownTimerState), messageInputState), props));
+    return (React.createElement(MessageInputContextProvider, { value: messageInputContextValue }, props.children));
+};
 var UnMemoizedMessageInput = function (props) {
     var PropInput = props.Input;
-    var _a = useComponentContext(), ContextInput = _a.Input, _b = _a.TriggerProvider, TriggerProvider = _b === void 0 ? DefaultTriggerProvider : _b;
+    var dragAndDropWindow = useChannelStateContext().dragAndDropWindow;
+    var _a = useComponentContext('MessageInput'), ContextInput = _a.Input, _b = _a.TriggerProvider, TriggerProvider = _b === void 0 ? DefaultTriggerProvider : _b;
     var Input = PropInput || ContextInput || MessageInputFlat;
-    var messageInputState = useMessageInputState(props);
-    var cooldownTimerState = useCooldownTimer();
-    var messageInputContextValue = useCreateMessageInputContext(__assign(__assign(__assign({}, cooldownTimerState), messageInputState), props));
-    return (React.createElement(MessageInputContextProvider, { value: messageInputContextValue },
+    var NullProvider = function (_a) {
+        var children = _a.children;
+        return React.createElement(React.Fragment, null, children);
+    };
+    var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? NullProvider : MessageInputProvider); }, [dragAndDropWindow]);
+    return (React.createElement(OptionalMessageInputProvider, __assign({}, props),
         React.createElement(TriggerProvider, null,
             React.createElement(Input, null))));
 };

package/dist/components/MessageInput/MessageInputFlat.js

@@ -12,10 +12,10 @@ import { useTranslationContext } from '../../context/TranslationContext';
 import { useMessageInputContext } from '../../context/MessageInputContext';
 import { useComponentContext } from '../../context/ComponentContext';
 export var MessageInputFlat = function () {
-    var _a = useChannelStateContext(), acceptedFiles = _a.acceptedFiles, multipleUploads = _a.multipleUploads, quotedMessage = _a.quotedMessage;
-    var t = useTranslationContext().t;
-    var _b = useMessageInputContext(), closeEmojiPicker = _b.closeEmojiPicker, cooldownInterval = _b.cooldownInterval, cooldownRemaining = _b.cooldownRemaining, emojiPickerIsOpen = _b.emojiPickerIsOpen, handleEmojiKeyDown = _b.handleEmojiKeyDown, handleSubmit = _b.handleSubmit, isUploadEnabled = _b.isUploadEnabled, maxFilesLeft = _b.maxFilesLeft, openEmojiPicker = _b.openEmojiPicker, setCooldownRemaining = _b.setCooldownRemaining, uploadNewFiles = _b.uploadNewFiles;
-    var _c = useComponentContext(), _d = _c.CooldownTimer, CooldownTimer = _d === void 0 ? DefaultCooldownTimer : _d, _e = _c.EmojiIcon, EmojiIcon = _e === void 0 ? DefaultEmojiIcon : _e, _f = _c.FileUploadIcon, FileUploadIcon = _f === void 0 ? DefaultFileUploadIcon : _f, _g = _c.QuotedMessagePreview, QuotedMessagePreview = _g === void 0 ? DefaultQuotedMessagePreview : _g, _h = _c.SendButton, SendButton = _h === void 0 ? DefaultSendButton : _h;
+    var _a = useChannelStateContext('MessageInputFlat'), acceptedFiles = _a.acceptedFiles, multipleUploads = _a.multipleUploads, quotedMessage = _a.quotedMessage;
+    var t = useTranslationContext('MessageInputFlat').t;
+    var _b = useMessageInputContext('MessageInputFlat'), closeEmojiPicker = _b.closeEmojiPicker, cooldownInterval = _b.cooldownInterval, cooldownRemaining = _b.cooldownRemaining, emojiPickerIsOpen = _b.emojiPickerIsOpen, handleEmojiKeyDown = _b.handleEmojiKeyDown, handleSubmit = _b.handleSubmit, isUploadEnabled = _b.isUploadEnabled, maxFilesLeft = _b.maxFilesLeft, openEmojiPicker = _b.openEmojiPicker, setCooldownRemaining = _b.setCooldownRemaining, uploadNewFiles = _b.uploadNewFiles;
+    var _c = useComponentContext('MessageInputFlat'), _d = _c.CooldownTimer, CooldownTimer = _d === void 0 ? DefaultCooldownTimer : _d, _e = _c.EmojiIcon, EmojiIcon = _e === void 0 ? DefaultEmojiIcon : _e, _f = _c.FileUploadIcon, FileUploadIcon = _f === void 0 ? DefaultFileUploadIcon : _f, _g = _c.QuotedMessagePreview, QuotedMessagePreview = _g === void 0 ? DefaultQuotedMessagePreview : _g, _h = _c.SendButton, SendButton = _h === void 0 ? DefaultSendButton : _h;
     return (React.createElement("div", { className: "str-chat__input-flat " + (SendButton ? 'str-chat__input-flat--send-button-active' : null) + " " + (quotedMessage ? 'str-chat__input-flat-quoted' : null) },
         React.createElement(ImageDropzone, { accept: acceptedFiles, disabled: !isUploadEnabled || maxFilesLeft === 0 || !!cooldownRemaining, handleFiles: uploadNewFiles, maxNumberOfFiles: maxFilesLeft, multiple: multipleUploads },
             quotedMessage && React.createElement(QuotedMessagePreview, { quotedMessage: quotedMessage }),

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

@@ -1 +1 @@
-{"version":3,"file":"MessageInputSmall.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputSmall.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,iBAAiB,umBAsG7B,CAAC"}
+{"version":3,"file":"MessageInputSmall.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputSmall.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,iBAAiB,umBAwG7B,CAAC"}

package/dist/components/MessageInput/MessageInputSmall.js

@@ -11,10 +11,10 @@ import { useTranslationContext } from '../../context/TranslationContext';
 import { useMessageInputContext } from '../../context/MessageInputContext';
 import { useComponentContext } from '../../context/ComponentContext';
 export var MessageInputSmall = function () {
-    var _a = useChannelStateContext(), acceptedFiles = _a.acceptedFiles, multipleUploads = _a.multipleUploads;
-    var t = useTranslationContext().t;
-    var _b = useMessageInputContext(), closeEmojiPicker = _b.closeEmojiPicker, cooldownInterval = _b.cooldownInterval, cooldownRemaining = _b.cooldownRemaining, emojiPickerIsOpen = _b.emojiPickerIsOpen, handleEmojiKeyDown = _b.handleEmojiKeyDown, handleSubmit = _b.handleSubmit, isUploadEnabled = _b.isUploadEnabled, maxFilesLeft = _b.maxFilesLeft, openEmojiPicker = _b.openEmojiPicker, setCooldownRemaining = _b.setCooldownRemaining, uploadNewFiles = _b.uploadNewFiles;
-    var _c = useComponentContext(), _d = _c.CooldownTimer, CooldownTimer = _d === void 0 ? DefaultCooldownTimer : _d, _e = _c.EmojiIcon, EmojiIcon = _e === void 0 ? DefaultEmojiIcon : _e, _f = _c.FileUploadIcon, FileUploadIcon = _f === void 0 ? DefaultFileUploadIcon : _f, _g = _c.SendButton, SendButton = _g === void 0 ? DefaultSendButton : _g;
+    var _a = useChannelStateContext('MessageInputSmall'), acceptedFiles = _a.acceptedFiles, multipleUploads = _a.multipleUploads;
+    var t = useTranslationContext('MessageInputSmall').t;
+    var _b = useMessageInputContext('MessageInputSmall'), closeEmojiPicker = _b.closeEmojiPicker, cooldownInterval = _b.cooldownInterval, cooldownRemaining = _b.cooldownRemaining, emojiPickerIsOpen = _b.emojiPickerIsOpen, handleEmojiKeyDown = _b.handleEmojiKeyDown, handleSubmit = _b.handleSubmit, isUploadEnabled = _b.isUploadEnabled, maxFilesLeft = _b.maxFilesLeft, openEmojiPicker = _b.openEmojiPicker, setCooldownRemaining = _b.setCooldownRemaining, uploadNewFiles = _b.uploadNewFiles;
+    var _c = useComponentContext('MessageInputSmall'), _d = _c.CooldownTimer, CooldownTimer = _d === void 0 ? DefaultCooldownTimer : _d, _e = _c.EmojiIcon, EmojiIcon = _e === void 0 ? DefaultEmojiIcon : _e, _f = _c.FileUploadIcon, FileUploadIcon = _f === void 0 ? DefaultFileUploadIcon : _f, _g = _c.SendButton, SendButton = _g === void 0 ? DefaultSendButton : _g;
     return (React.createElement("div", { className: 'str-chat__small-message-input__wrapper' },
         React.createElement(ImageDropzone, { accept: acceptedFiles, disabled: !isUploadEnabled || maxFilesLeft === 0 || !!cooldownRemaining, handleFiles: uploadNewFiles, maxNumberOfFiles: maxFilesLeft, multiple: multipleUploads },
             React.createElement("div", { className: "str-chat__small-message-input " + (SendButton ? 'str-chat__small-message-input--send-button-active' : null) },

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

@@ -1 +1 @@
-{"version":3,"file":"QuotedMessagePreview.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/QuotedMessagePreview.tsx"],"names":[],"mappings":";AAUA,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;AA6B3B,oBAAY,yBAAyB,CACnC,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,aAAa,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,oBAAoB,ioBA+ChC,CAAC"}
+{"version":3,"file":"QuotedMessagePreview.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/QuotedMessagePreview.tsx"],"names":[],"mappings":";AAUA,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;AA+B3B,oBAAY,yBAAyB,CACnC,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,aAAa,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,oBAAoB,ioBA+ChC,CAAC"}

package/dist/components/MessageInput/QuotedMessagePreview.js

@@ -4,8 +4,8 @@ import { useChannelActionContext } from '../../context/ChannelActionContext';
 import { useComponentContext } from '../../context/ComponentContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 var QuotedMessagePreviewHeader = function () {
-    var setQuotedMessage = useChannelActionContext().setQuotedMessage;
-    var t = useTranslationContext().t;
+    var setQuotedMessage = useChannelActionContext('QuotedMessagePreview').setQuotedMessage;
+    var t = useTranslationContext('QuotedMessagePreview').t;
     return (React.createElement("div", { className: 'quoted-message-preview-header' },
         React.createElement("div", null, t('Reply to Message')),
         React.createElement("button", { className: 'str-chat__square-button', onClick: function () { return setQuotedMessage(undefined); } },
@@ -15,8 +15,8 @@ var QuotedMessagePreviewHeader = function () {
 export var QuotedMessagePreview = function (props) {
     var _a;
     var quotedMessage = props.quotedMessage;
-    var Attachment = useComponentContext().Attachment;
-    var userLanguage = useTranslationContext().userLanguage;
+    var Attachment = useComponentContext('QuotedMessagePreview').Attachment;
+    var userLanguage = useTranslationContext('QuotedMessagePreview').userLanguage;
     var quotedMessageText = ((_a = quotedMessage.i18n) === null || _a === void 0 ? void 0 : _a[userLanguage + "_text"]) ||
         quotedMessage.text;
     // @ts-expect-error

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

@@ -1 +1 @@
-{"version":3,"file":"UploadsPreview.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/UploadsPreview.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,cAAc,8jBAyE1B,CAAC"}
+{"version":3,"file":"UploadsPreview.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/UploadsPreview.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,cAAc,8jBAmE1B,CAAC"}

package/dist/components/MessageInput/UploadsPreview.js

@@ -4,8 +4,8 @@ import { useBreakpoint } from '../Message/hooks';
 import { useChannelStateContext } from '../../context/ChannelStateContext';
 import { useMessageInputContext } from '../../context/MessageInputContext';
 export var UploadsPreview = function () {
-    var _a = useChannelStateContext(), maxNumberOfFiles = _a.maxNumberOfFiles, multipleUploads = _a.multipleUploads;
-    var messageInput = useMessageInputContext();
+    var _a = useChannelStateContext('UploadsPreview'), maxNumberOfFiles = _a.maxNumberOfFiles, multipleUploads = _a.multipleUploads;
+    var messageInput = useMessageInputContext('UploadsPreview');
     var fileOrder = messageInput.fileOrder, fileUploads = messageInput.fileUploads, imageOrder = messageInput.imageOrder, imageUploads = messageInput.imageUploads, numberOfUploads = messageInput.numberOfUploads, removeFile = messageInput.removeFile, removeImage = messageInput.removeImage, text = messageInput.text, uploadFile = messageInput.uploadFile, uploadImage = messageInput.uploadImage, uploadNewFiles = messageInput.uploadNewFiles;
     var imagesToPreview = imageOrder.map(function (id) { return imageUploads[id]; });
     var filesToPreview = fileOrder.map(function (id) { return fileUploads[id]; });

package/dist/components/MessageInput/hooks/useAttachments.d.ts

@@ -3,7 +3,7 @@ import type { FileLike } from 'react-file-utils';
 import type { MessageInputProps } from '../MessageInput';
 import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
 import type { CustomTrigger, DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../../types/types';
-export declare const useAttachments: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<At, Ch, Co, Ev, Me, Re, Us, V>, state: MessageInputState<At, Us>, dispatch: import("react").Dispatch<MessageInputReducerAction<Us>>) => {
+export declare const useAttachments: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<At, Ch, Co, Ev, Me, Re, Us, V>, state: MessageInputState<At, Us>, dispatch: import("react").Dispatch<MessageInputReducerAction<Us>>, textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>) => {
     maxFilesLeft: number;
     numberOfUploads: number;
     removeFile: (id: any) => void;

package/dist/components/MessageInput/hooks/useAttachments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAttachments.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useAttachments.ts"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3F,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAI9B,eAAO,MAAM,cAAc;;;;;;;4BAmDf,QAAQ,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAE;CA4BzC,CAAC"}
+{"version":3,"file":"useAttachments.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useAttachments.ts"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3F,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAI9B,eAAO,MAAM,cAAc,ixBAaZ,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,SAAS,CAAC;;;;;;;4BAiC1D,QAAQ,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAE;CA8BzC,CAAC"}

package/dist/components/MessageInput/hooks/useAttachments.js

@@ -4,10 +4,10 @@ import { useFileUploads } from './useFileUploads';
 import { useChannelStateContext } from '../../../context/ChannelStateContext';
 import { generateRandomId } from '../../../utils';
 var apiMaxNumberOfFiles = 10;
-export var useAttachments = function (props, state, dispatch) {
+export var useAttachments = function (props, state, dispatch, textareaRef) {
     var noFiles = props.noFiles;
     var fileUploads = state.fileUploads, imageUploads = state.imageUploads;
-    var _a = useChannelStateContext(), maxNumberOfFiles = _a.maxNumberOfFiles, multipleUploads = _a.multipleUploads;
+    var _a = useChannelStateContext('useAttachments'), maxNumberOfFiles = _a.maxNumberOfFiles, multipleUploads = _a.multipleUploads;
     var _b = useFileUploads(props, state, dispatch), removeFile = _b.removeFile, uploadFile = _b.uploadFile;
     var _c = useImageUploads(props, state, dispatch), removeImage = _c.removeImage, uploadImage = _c.uploadImage;
     // Number of files that the user can still add. Should never be more than the amount allowed by the API.
@@ -25,6 +25,7 @@ export var useAttachments = function (props, state, dispatch) {
     var numberOfUploads = numberOfImages + numberOfFiles;
     var maxFilesLeft = maxFilesAllowed - numberOfUploads;
     var uploadNewFiles = useCallback(function (files) {
+        var _a;
         Array.from(files)
             .slice(0, maxFilesLeft)
             .forEach(function (file) {
@@ -38,6 +39,7 @@ export var useAttachments = function (props, state, dispatch) {
                 dispatch({ file: file, id: id, state: 'uploading', type: 'setFileUpload' });
             }
         });
+        (_a = textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [maxFilesLeft, noFiles]);
     return {
         maxFilesLeft: maxFilesLeft,

package/dist/components/MessageInput/hooks/useCommandTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCommandTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCommandTrigger.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,iBAAiB,2lBA4D7B,CAAC"}
+{"version":3,"file":"useCommandTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCommandTrigger.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,iBAAiB,2lBA6D7B,CAAC"}

package/dist/components/MessageInput/hooks/useCommandTrigger.js

@@ -1,9 +1,8 @@
 import { CommandItem } from '../../CommandItem/CommandItem';
 import { useChannelStateContext } from '../../../context/ChannelStateContext';
 export var useCommandTrigger = function () {
-    var _a, _b;
-    var channel = useChannelStateContext().channel;
-    var commands = (_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.commands;
+    var channelConfig = useChannelStateContext('useCommandTrigger').channelConfig;
+    var commands = channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.commands;
     return {
         component: CommandItem,
         dataProvider: function (query, text, onReady) {

package/dist/components/MessageInput/hooks/useCooldownTimer.js

@@ -29,8 +29,8 @@ var checkUserRoles = function (globalRole, channelRole) {
 };
 export var useCooldownTimer = function () {
     var _a, _b;
-    var client = useChatContext().client;
-    var channel = useChannelStateContext().channel;
+    var client = useChatContext('useCooldownTimer').client;
+    var channel = useChannelStateContext('useCooldownTimer').channel;
     var cooldownInterval = (channel.data || {}).cooldown;
     var _c = useState(), cooldownRemaining = _c[0], setCooldownRemaining = _c[1];
     var globalRole = ((_a = client.user) === null || _a === void 0 ? void 0 : _a.role) || '';

package/dist/components/MessageInput/hooks/useCreateMessageInputContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateMessageInputContext.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCreateMessageInputContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AACrF,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,4BAA4B,guBA4JxC,CAAC"}
+{"version":3,"file":"useCreateMessageInputContext.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCreateMessageInputContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AACrF,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,4BAA4B,guBAoKxC,CAAC"}

package/dist/components/MessageInput/hooks/useCreateMessageInputContext.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 export var useCreateMessageInputContext = function (value) {
-    var additionalTextareaProps = value.additionalTextareaProps, attachments = value.attachments, autocompleteTriggers = value.autocompleteTriggers, clearEditingState = value.clearEditingState, closeCommandsList = value.closeCommandsList, closeEmojiPicker = value.closeEmojiPicker, cooldownInterval = value.cooldownInterval, cooldownRemaining = value.cooldownRemaining, disabled = value.disabled, disableMentions = value.disableMentions, doFileUploadRequest = value.doFileUploadRequest, doImageUploadRequest = value.doImageUploadRequest, emojiIndex = value.emojiIndex, emojiPickerIsOpen = value.emojiPickerIsOpen, emojiPickerRef = value.emojiPickerRef, errorHandler = value.errorHandler, fileOrder = value.fileOrder, fileUploads = value.fileUploads, focus = value.focus, grow = value.grow, handleChange = value.handleChange, handleEmojiKeyDown = value.handleEmojiKeyDown, handleSubmit = value.handleSubmit, imageOrder = value.imageOrder, imageUploads = value.imageUploads, insertText = value.insertText, isUploadEnabled = value.isUploadEnabled, keycodeSubmitKeys = value.keycodeSubmitKeys, maxFilesLeft = value.maxFilesLeft, maxRows = value.maxRows, mentionAllAppUsers = value.mentionAllAppUsers, mentioned_users = value.mentioned_users, mentionQueryParams = value.mentionQueryParams, message = value.message, noFiles = value.noFiles, numberOfUploads = value.numberOfUploads, onPaste = value.onPaste, onSelectEmoji = value.onSelectEmoji, onSelectUser = value.onSelectUser, openCommandsList = value.openCommandsList, openEmojiPicker = value.openEmojiPicker, overrideSubmitHandler = value.overrideSubmitHandler, parent = value.parent, publishTypingEvent = value.publishTypingEvent, removeFile = value.removeFile, removeImage = value.removeImage, setCooldownRemaining = value.setCooldownRemaining, setText = value.setText, showCommandsList = value.showCommandsList, text = value.text, textareaRef = value.textareaRef, uploadFile = value.uploadFile, uploadImage = value.uploadImage, uploadNewFiles = value.uploadNewFiles, useMentionsTransliteration = value.useMentionsTransliteration;
+    var additionalTextareaProps = value.additionalTextareaProps, attachments = value.attachments, autocompleteTriggers = value.autocompleteTriggers, clearEditingState = value.clearEditingState, closeCommandsList = value.closeCommandsList, closeEmojiPicker = value.closeEmojiPicker, closeMentionsList = value.closeMentionsList, cooldownInterval = value.cooldownInterval, cooldownRemaining = value.cooldownRemaining, disabled = value.disabled, disableMentions = value.disableMentions, doFileUploadRequest = value.doFileUploadRequest, doImageUploadRequest = value.doImageUploadRequest, emojiIndex = value.emojiIndex, emojiPickerIsOpen = value.emojiPickerIsOpen, emojiPickerRef = value.emojiPickerRef, errorHandler = value.errorHandler, fileOrder = value.fileOrder, fileUploads = value.fileUploads, focus = value.focus, grow = value.grow, handleChange = value.handleChange, handleEmojiKeyDown = value.handleEmojiKeyDown, handleSubmit = value.handleSubmit, imageOrder = value.imageOrder, imageUploads = value.imageUploads, insertText = value.insertText, isUploadEnabled = value.isUploadEnabled, keycodeSubmitKeys = value.keycodeSubmitKeys, maxFilesLeft = value.maxFilesLeft, maxRows = value.maxRows, mentionAllAppUsers = value.mentionAllAppUsers, mentioned_users = value.mentioned_users, mentionQueryParams = value.mentionQueryParams, message = value.message, noFiles = value.noFiles, numberOfUploads = value.numberOfUploads, onPaste = value.onPaste, onSelectEmoji = value.onSelectEmoji, onSelectUser = value.onSelectUser, openCommandsList = value.openCommandsList, openEmojiPicker = value.openEmojiPicker, openMentionsList = value.openMentionsList, overrideSubmitHandler = value.overrideSubmitHandler, parent = value.parent, publishTypingEvent = value.publishTypingEvent, removeFile = value.removeFile, removeImage = value.removeImage, setCooldownRemaining = value.setCooldownRemaining, setText = value.setText, showCommandsList = value.showCommandsList, showMentionsList = value.showMentionsList, text = value.text, textareaRef = value.textareaRef, uploadFile = value.uploadFile, uploadImage = value.uploadImage, uploadNewFiles = value.uploadNewFiles, useMentionsTransliteration = value.useMentionsTransliteration;
     var editing = message === null || message === void 0 ? void 0 : message.editing;
     var fileUploadsValue = Object.entries(fileUploads)
         // eslint-disable-next-line
@@ -25,6 +25,7 @@ export var useCreateMessageInputContext = function (value) {
         clearEditingState: clearEditingState,
         closeCommandsList: closeCommandsList,
         closeEmojiPicker: closeEmojiPicker,
+        closeMentionsList: closeMentionsList,
         cooldownInterval: cooldownInterval,
         cooldownRemaining: cooldownRemaining,
         disabled: disabled,
@@ -60,6 +61,7 @@ export var useCreateMessageInputContext = function (value) {
         onSelectUser: onSelectUser,
         openCommandsList: openCommandsList,
         openEmojiPicker: openEmojiPicker,
+        openMentionsList: openMentionsList,
         overrideSubmitHandler: overrideSubmitHandler,
         parent: parent,
         publishTypingEvent: publishTypingEvent,
@@ -68,6 +70,7 @@ export var useCreateMessageInputContext = function (value) {
         setCooldownRemaining: setCooldownRemaining,
         setText: setText,
         showCommandsList: showCommandsList,
+        showMentionsList: showMentionsList,
         text: text,
         textareaRef: textareaRef,
         uploadFile: uploadFile,
@@ -85,6 +88,8 @@ export var useCreateMessageInputContext = function (value) {
         mentionedUsersLength,
         parentId,
         publishTypingEvent,
+        showCommandsList,
+        showMentionsList,
         text,
     ]);
     return messageInputContext;

package/dist/components/MessageInput/hooks/useEmojiIndex.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { useEmojiContext } from '../../../context/EmojiContext';
 export var useEmojiIndex = function () {
-    var _a = useEmojiContext(), emojiConfig = _a.emojiConfig, EmojiIndex = _a.EmojiIndex;
+    var _a = useEmojiContext('useEmojiIndex'), emojiConfig = _a.emojiConfig, EmojiIndex = _a.EmojiIndex;
     var emojiData = (emojiConfig || {}).emojiData;
     var emojiIndex = useMemo(function () {
         if (EmojiIndex) {

package/dist/components/MessageInput/hooks/useEmojiPicker.d.ts

@@ -2,7 +2,7 @@
 import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
 import type { EmojiData } from 'emoji-mart';
 import type { DefaultAttachmentType, DefaultUserType } from '../../../types/types';
-export declare const useEmojiPicker: <At extends DefaultAttachmentType = DefaultAttachmentType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(state: MessageInputState<At, Us>, dispatch: import("react").Dispatch<MessageInputReducerAction<Us>>, insertText: (textToInsert: string) => void) => {
+export declare const useEmojiPicker: <At extends DefaultAttachmentType = DefaultAttachmentType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(state: MessageInputState<At, Us>, dispatch: import("react").Dispatch<MessageInputReducerAction<Us>>, insertText: (textToInsert: string) => void, textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>, closeEmojiPickerOnClick?: boolean | undefined) => {
     closeEmojiPicker: (event: MouseEvent) => void;
     emojiPickerRef: import("react").RefObject<HTMLDivElement>;
     handleEmojiKeyDown: import("react").KeyboardEventHandler<HTMLSpanElement>;

package/dist/components/MessageInput/hooks/useEmojiPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEmojiPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useEmojiPicker.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEnF,eAAO,MAAM,cAAc,uSAME,MAAM,KAAK,IAAI;8BAKhC,UAAU;;;2BAoDsB,SAAS;;CAWpD,CAAC"}
+{"version":3,"file":"useEmojiPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useEmojiPicker.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEnF,eAAO,MAAM,cAAc,uSAME,MAAM,KAAK,IAAI,eAC7B,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,SAAS,CAAC;8BAM1D,UAAU;;;2BAqDV,SAAS;;CAqBpB,CAAC"}

package/dist/components/MessageInput/hooks/useEmojiPicker.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react';
-export var useEmojiPicker = function (state, dispatch, insertText) {
+export var useEmojiPicker = function (state, dispatch, insertText, textareaRef, closeEmojiPickerOnClick) {
     var emojiPickerRef = useRef(null);
     var closeEmojiPicker = useCallback(function (event) {
         if (emojiPickerRef.current && !emojiPickerRef.current.contains(event.target)) {
@@ -45,9 +45,17 @@ export var useEmojiPicker = function (state, dispatch, insertText) {
             document.removeEventListener('keydown', handleEmojiEscape);
         };
     }, [closeEmojiPicker, state.emojiPickerIsOpen]);
-    var onSelectEmoji = useCallback(function (emoji) { return insertText(emoji.native); }, [
-        insertText,
-    ]);
+    var onSelectEmoji = useCallback(function (emoji) {
+        var _a;
+        insertText(emoji.native);
+        if (closeEmojiPickerOnClick) {
+            dispatch({
+                type: 'setEmojiPickerIsOpen',
+                value: false,
+            });
+        }
+        (_a = textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [insertText]);
     return {
         closeEmojiPicker: closeEmojiPicker,
         emojiPickerRef: emojiPickerRef,

package/dist/components/MessageInput/hooks/useFileUploads.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUploads.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useFileUploads.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,cAAc;;;CA0F1B,CAAC"}
+{"version":3,"file":"useFileUploads.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useFileUploads.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,cAAc;;;CAuG1B,CAAC"}

package/dist/components/MessageInput/hooks/useFileUploads.js

@@ -35,15 +35,18 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useCallback, useEffect } from 'react';
+import { checkUploadPermissions } from './utils';
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
 import { useChannelStateContext } from '../../../context/ChannelStateContext';
+import { useChatContext } from '../../../context/ChatContext';
 import { useTranslationContext } from '../../../context/TranslationContext';
 export var useFileUploads = function (props, state, dispatch) {
     var doFileUploadRequest = props.doFileUploadRequest, errorHandler = props.errorHandler;
     var fileUploads = state.fileUploads;
-    var channel = useChannelStateContext().channel;
-    var addNotification = useChannelActionContext().addNotification;
-    var t = useTranslationContext().t;
+    var channel = useChannelStateContext('useFileUploads').channel;
+    var addNotification = useChannelActionContext('useFileUploads').addNotification;
+    var getAppSettings = useChatContext('useFileUploads').getAppSettings;
+    var t = useTranslationContext('useFileUploads').t;
     var uploadFile = useCallback(function (id) {
         dispatch({ id: id, state: 'uploading', type: 'setFileUpload' });
     }, []);
@@ -53,7 +56,7 @@ export var useFileUploads = function (props, state, dispatch) {
     }, []);
     useEffect(function () {
         (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var upload, file, id, response, error_1, errorMessage, alreadyRemoved;
+            var upload, file, id, canUpload, response, error_1, errorMessage, alreadyRemoved;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -61,22 +64,35 @@ export var useFileUploads = function (props, state, dispatch) {
                         if (!upload)
                             return [2 /*return*/];
                         file = upload.file, id = upload.id;
-                        _a.label = 1;
+                        return [4 /*yield*/, checkUploadPermissions({
+                                addNotification: addNotification,
+                                file: file,
+                                getAppSettings: getAppSettings,
+                                t: t,
+                                uploadType: 'file',
+                            })];
                     case 1:
-                        _a.trys.push([1, 6, , 7]);
-                        if (!doFileUploadRequest) return [3 /*break*/, 3];
-                        return [4 /*yield*/, doFileUploadRequest(file, channel)];
+                        canUpload = _a.sent();
+                        if (!canUpload)
+                            return [2 /*return*/, removeFile(id)];
+                        _a.label = 2;
                     case 2:
+                        _a.trys.push([2, 7, , 8]);
+                        if (!doFileUploadRequest) return [3 /*break*/, 4];
+                        return [4 /*yield*/, doFileUploadRequest(file, channel)];
+                    case 3:
                         response = _a.sent();
-                        return [3 /*break*/, 5];
-                    case 3: return [4 /*yield*/, channel.sendFile(file)];
-                    case 4:
+                        return [3 /*break*/, 6];
+                    case 4: return [4 /*yield*/, channel.sendFile(file)];
+                    case 5:
                         response = _a.sent();
-                        _a.label = 5;
-                    case 5: return [3 /*break*/, 7];
-                    case 6:
+                        _a.label = 6;
+                    case 6: return [3 /*break*/, 8];
+                    case 7:
                         error_1 = _a.sent();
-                        errorMessage = typeof error_1.message === 'string' ? error_1.message : t('Error uploading file');
+                        errorMessage = typeof error_1.message === 'string'
+                            ? error_1.message
+                            : t('Error uploading file');
                         addNotification(errorMessage, 'error');
                         alreadyRemoved = false;
                         if (!fileUploads[id]) {
@@ -90,7 +106,7 @@ export var useFileUploads = function (props, state, dispatch) {
                             errorHandler(error_1, 'upload-file', file);
                         }
                         return [2 /*return*/];
-                    case 7:
+                    case 8:
                         // If doImageUploadRequest returns any falsy value, then don't create the upload preview.
                         // This is for the case if someone wants to handle failure on app level.
                         if (!response) {

package/dist/components/MessageInput/hooks/useImageUploads.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImageUploads.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useImageUploads.ts"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,eAAe;;;CAwH3B,CAAC"}
+{"version":3,"file":"useImageUploads.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useImageUploads.ts"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAUtD,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,eAAe;;;CAuI3B,CAAC"}