stream-chat-react 9.4.1 → 10.0.0-theming-v2.1

package/dist/components/MessageInput/QuotedMessagePreview.js

@@ -1,35 +1,42 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Avatar as DefaultAvatar } from '../Avatar';
+import { CloseIcon } from './icons';
 import { useChannelActionContext } from '../../context/ChannelActionContext';
 import { useComponentContext } from '../../context/ComponentContext';
 import { useTranslationContext } from '../../context/TranslationContext';
-var QuotedMessagePreviewHeader = function () {
+import { useChatContext } from '../../context/ChatContext';
+export var QuotedMessagePreviewHeader = function () {
     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", { "aria-label": 'Cancel Reply', className: 'str-chat__square-button', onClick: function () { return setQuotedMessage(undefined); } },
-            React.createElement("svg", { height: '10', width: '10', xmlns: 'http://www.w3.org/2000/svg' },
-                React.createElement("path", { d: 'M9.916 1.027L8.973.084 5 4.058 1.027.084l-.943.943L4.058 5 .084 8.973l.943.943L5 5.942l3.973 3.974.943-.943L5.942 5z', fillRule: 'evenodd' })))));
+    return (React.createElement("div", { className: 'quoted-message-preview-header str-chat__quoted-message-preview-header' },
+        React.createElement("div", { className: 'str-chat__quoted-message-reply-to-message' }, t('Reply to Message')),
+        React.createElement("button", { "aria-label": 'Cancel Reply', className: 'str-chat__square-button str-chat__quoted-message-remove', onClick: function () { return setQuotedMessage(undefined); } },
+            React.createElement(CloseIcon, null))));
 };
-export var QuotedMessagePreview = function (props) {
-    var _a, _b;
-    var quotedMessage = props.quotedMessage;
-    var _c = useComponentContext('QuotedMessagePreview'), Attachment = _c.Attachment, ContextAvatar = _c.Avatar;
+export var QuotedMessagePreview = function (_a) {
+    var _b;
+    var quotedMessage = _a.quotedMessage;
+    var _c = useComponentContext('QuotedMessagePreview'), Attachment = _c.Attachment, _d = _c.Avatar, Avatar = _d === void 0 ? DefaultAvatar : _d;
     var userLanguage = useTranslationContext('QuotedMessagePreview').userLanguage;
-    var Avatar = ContextAvatar || DefaultAvatar;
-    var quotedMessageText = ((_a = quotedMessage.i18n) === null || _a === void 0 ? void 0 : _a[userLanguage + "_text"]) ||
+    var themeVersion = useChatContext('QuotedMessagePreview').themeVersion;
+    var quotedMessageText = ((_b = quotedMessage.i18n) === null || _b === void 0 ? void 0 : _b["".concat(userLanguage, "_text")]) ||
         quotedMessage.text;
-    var quotedMessageAttachment = ((_b = quotedMessage.attachments) === null || _b === void 0 ? void 0 : _b.length)
-        ? quotedMessage.attachments[0]
-        : null;
+    var quotedMessageAttachment = useMemo(function () {
+        var _a;
+        var attachment = ((_a = quotedMessage.attachments) !== null && _a !== void 0 ? _a : [])[0];
+        return attachment ? [attachment] : [];
+    }, [quotedMessage.attachments]);
     if (!quotedMessageText && !quotedMessageAttachment)
         return null;
-    return (React.createElement("div", { className: 'quoted-message-preview' },
-        React.createElement(QuotedMessagePreviewHeader, null),
-        React.createElement("div", { className: 'quoted-message-preview-content' },
+    // TODO: remove div.quoted-message-preview-content when deprecating V1 theming
+    // move str-chat__quoted-message-preview to main div
+    return (React.createElement("div", { className: 'quoted-message-preview', "data-testid": 'quoted-message-preview' },
+        themeVersion === '1' && React.createElement(QuotedMessagePreviewHeader, null),
+        React.createElement("div", { className: 'quoted-message-preview-content str-chat__quoted-message-preview' },
             quotedMessage.user && (React.createElement(Avatar, { image: quotedMessage.user.image, name: quotedMessage.user.name || quotedMessage.user.id, size: 20, user: quotedMessage.user })),
-            React.createElement("div", { className: 'quoted-message-preview-content-inner' },
-                quotedMessageAttachment && React.createElement(Attachment, { attachments: [quotedMessageAttachment] }),
-                React.createElement("div", null, quotedMessageText)))));
+            React.createElement("div", { className: 'quoted-message-preview-content-inner str-chat__quoted-message-bubble' },
+                !!quotedMessageAttachment.length && React.createElement(Attachment, { attachments: quotedMessageAttachment }),
+                React.createElement("div", { className: 'str-chat__quoted-message-text', "data-testid": 'quoted-message-text' },
+                    themeVersion === '2' && React.createElement("p", null, quotedMessageText),
+                    themeVersion === '1' && React.createElement(React.Fragment, null, quotedMessageText))))));
 };

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

@@ -1,3 +1,10 @@
 import type { DefaultStreamChatGenerics } from '../../types/types';
+/**
+ * @deprecated This component has been deprecated in favor of `AttachmentPreviewList` as this component
+ * utilises outdated components from the package [`react-file-utils`](https://github.com/GetStream/react-file-utils)
+ * which will no longer receive updates for aforementioned components.
+ *
+ * **Will be removed with the complete transition to the theming V2.**
+ */
 export declare const UploadsPreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => JSX.Element;
 //# sourceMappingURL=UploadsPreview.d.ts.map

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":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,cAAc,qGAkD1B,CAAC"}
+{"version":3,"file":"UploadsPreview.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/UploadsPreview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,qGAoD1B,CAAC"}

package/dist/components/MessageInput/UploadsPreview.js

@@ -2,16 +2,27 @@ import React from 'react';
 import { FilePreviewer, ImagePreviewer } from 'react-file-utils';
 import { useChannelStateContext } from '../../context/ChannelStateContext';
 import { useMessageInputContext } from '../../context/MessageInputContext';
+import { useChatContext } from '../../context';
+/**
+ * @deprecated This component has been deprecated in favor of `AttachmentPreviewList` as this component
+ * utilises outdated components from the package [`react-file-utils`](https://github.com/GetStream/react-file-utils)
+ * which will no longer receive updates for aforementioned components.
+ *
+ * **Will be removed with the complete transition to the theming V2.**
+ */
 export var UploadsPreview = function () {
-    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, uploadFile = messageInput.uploadFile, uploadImage = messageInput.uploadImage, uploadNewFiles = messageInput.uploadNewFiles;
+    var themeVersion = useChatContext('UploadsPreview').themeVersion;
+    var _a = useChannelStateContext('UploadsPreview'), _b = _a.maxNumberOfFiles, maxNumberOfFiles = _b === void 0 ? 0 : _b, multipleUploads = _a.multipleUploads;
+    var _c = useMessageInputContext('UploadsPreview'), fileOrder = _c.fileOrder, fileUploads = _c.fileUploads, imageOrder = _c.imageOrder, imageUploads = _c.imageUploads, _d = _c.numberOfUploads, numberOfUploads = _d === void 0 ? 0 : _d, removeFile = _c.removeFile, removeImage = _c.removeImage, uploadFile = _c.uploadFile, uploadImage = _c.uploadImage, uploadNewFiles = _c.uploadNewFiles;
     var imagesToPreview = imageOrder
         .map(function (id) { return imageUploads[id]; })
+        // filter OG scraped images
         .filter(function (image) { return !image.og_scrape_url; });
     var filesToPreview = fileOrder.map(function (id) { return fileUploads[id]; });
     return (React.createElement(React.Fragment, null,
-        imageOrder.length > 0 && (React.createElement(ImagePreviewer, { disabled: !multipleUploads ||
-                (maxNumberOfFiles !== undefined && numberOfUploads >= maxNumberOfFiles), handleFiles: uploadNewFiles, handleRemove: removeImage, handleRetry: uploadImage, imageUploads: imagesToPreview, multiple: multipleUploads })),
-        fileOrder.length > 0 && (React.createElement(FilePreviewer, { handleFiles: uploadNewFiles, handleRemove: removeFile, handleRetry: uploadFile, uploads: filesToPreview }))));
+        imageOrder.length > 0 && (React.createElement(ImagePreviewer, { disabled: !multipleUploads || numberOfUploads >= maxNumberOfFiles, handleFiles: uploadNewFiles, handleRemove: removeImage, handleRetry: uploadImage, imageUploads: imagesToPreview, multiple: multipleUploads })),
+        fileOrder.length > 0 && (React.createElement(FilePreviewer, { fileIconProps: {
+                className: 'str-chat__file-icon',
+                version: themeVersion,
+            }, handleFiles: uploadNewFiles, handleRemove: removeFile, handleRetry: uploadFile, uploads: filesToPreview }))));
 };

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,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAIrF,eAAO,MAAM,cAAc,6TAOZ,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,SAAS,CAAC;;;;;;;4BA+B1D,QAAQ,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAE;CA8BzC,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,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAIrF,eAAO,MAAM,cAAc,6TAOZ,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,SAAS,CAAC;;;;;;;4BA+B1D,QAAQ,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAE;CAoCzC,CAAC"}

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

@@ -29,11 +29,18 @@ export var useAttachments = function (props, state, dispatch, textareaRef) {
         Array.from(files)
             .slice(0, maxFilesLeft)
             .forEach(function (file) {
+            var _a;
             var id = nanoid();
             if (file.type.startsWith('image/') &&
                 !file.type.endsWith('.photoshop') // photoshop files begin with 'image/'
             ) {
-                dispatch({ file: file, id: id, state: 'uploading', type: 'setImageUpload' });
+                dispatch({
+                    file: file,
+                    id: id,
+                    previewUri: (_a = URL.createObjectURL) === null || _a === void 0 ? void 0 : _a.call(URL, file),
+                    state: 'uploading',
+                    type: 'setImageUpload',
+                });
             }
             else if (file instanceof File && !noFiles) {
                 dispatch({ file: file, id: id, state: 'uploading', type: 'setFileUpload' });

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,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,iBAAiB,mIAwD7B,CAAC"}
+{"version":3,"file":"useCommandTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCommandTrigger.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,iBAAiB,mIAyD7B,CAAC"}

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

@@ -1,6 +1,8 @@
 import { CommandItem } from '../../CommandItem/CommandItem';
 import { useChannelStateContext } from '../../../context/ChannelStateContext';
+import { useChatContext } from '../../../context/ChatContext';
 export var useCommandTrigger = function () {
+    var themeVersion = useChatContext('useCommandTrigger').themeVersion;
     var channelConfig = useChannelStateContext('useCommandTrigger').channelConfig;
     var commands = channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.commands;
     return {
@@ -16,10 +18,10 @@ export var useCommandTrigger = function () {
                 var nameA = (_a = a.name) === null || _a === void 0 ? void 0 : _a.toLowerCase();
                 var nameB = (_b = b.name) === null || _b === void 0 ? void 0 : _b.toLowerCase();
                 if ((nameA === null || nameA === void 0 ? void 0 : nameA.indexOf(query)) === 0) {
-                    nameA = "0" + nameA;
+                    nameA = "0".concat(nameA);
                 }
                 if ((nameB === null || nameB === void 0 ? void 0 : nameB.indexOf(query)) === 0) {
-                    nameB = "0" + nameB;
+                    nameB = "0".concat(nameB);
                 }
                 // Should confirm possible null / undefined when TS is fully implemented
                 if (nameA != null && nameB != null) {
@@ -32,7 +34,7 @@ export var useCommandTrigger = function () {
                 }
                 return 0;
             });
-            var result = selectedCommands.slice(0, 10);
+            var result = selectedCommands.slice(0, themeVersion === '2' ? 5 : 10);
             if (onReady)
                 onReady(result.filter(function (result) {
                     return result.name !== undefined;
@@ -42,7 +44,7 @@ export var useCommandTrigger = function () {
         output: function (entity) { return ({
             caretPosition: 'next',
             key: entity.name,
-            text: "/" + entity.name,
+            text: "/".concat(entity.name),
         }); },
     };
 };

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

@@ -4,7 +4,7 @@ export declare type CooldownTimerProps = {
     cooldownInterval: number;
     setCooldownRemaining: React.Dispatch<React.SetStateAction<number | undefined>>;
 };
-export declare const CooldownTimer: (props: CooldownTimerProps) => JSX.Element;
+export declare const CooldownTimer: ({ cooldownInterval, setCooldownRemaining }: CooldownTimerProps) => JSX.Element;
 export declare type CooldownTimerState = {
     cooldownInterval: number;
     setCooldownRemaining: React.Dispatch<React.SetStateAction<number | undefined>>;

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

@@ -1 +1 @@
-{"version":3,"file":"useCooldownTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCooldownTimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,kBAAkB,GAAG;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CAChF,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAkBtD,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,0FAExB,kBA6BJ,CAAC"}
+{"version":3,"file":"useCooldownTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCooldownTimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,kBAAkB,GAAG;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CAChF,CAAC;AAEF,eAAO,MAAM,aAAa,+CAAgD,kBAAkB,gBAoB3F,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,0FAExB,kBA6BJ,CAAC"}

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

@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from 'react';
 import { useChatContext } from '../../../context/ChatContext';
 import { useChannelStateContext } from '../../../context/ChannelStateContext';
-export var CooldownTimer = function (props) {
-    var cooldownInterval = props.cooldownInterval, setCooldownRemaining = props.setCooldownRemaining;
-    var _a = useState(cooldownInterval), seconds = _a[0], setSeconds = _a[1];
+export var CooldownTimer = function (_a) {
+    var cooldownInterval = _a.cooldownInterval, setCooldownRemaining = _a.setCooldownRemaining;
+    var _b = useState(cooldownInterval), seconds = _b[0], setSeconds = _b[1];
     useEffect(function () {
         var countdownInterval = setInterval(function () {
             if (seconds > 0) {
@@ -15,7 +15,7 @@ export var CooldownTimer = function (props) {
         }, 1000);
         return function () { return clearInterval(countdownInterval); };
     });
-    return React.createElement("div", null, seconds === 0 ? null : seconds);
+    return (React.createElement("div", { className: 'str-chat__message-input-cooldown', "data-testid": 'cooldown-timer' }, seconds === 0 ? null : seconds));
 };
 export var useCooldownTimer = function () {
     var latestMessageDatesByChannels = useChatContext('useCooldownTimer').latestMessageDatesByChannels;

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

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

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,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,cAAc,iPAKE,MAAM,KAAK,IAAI,eAC7B,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,SAAS,CAAC;8BAM1D,UAAU;;;2BAyDV,SAAS;;CAqBpB,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,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,cAAc,iPAKE,MAAM,KAAK,IAAI,eAC7B,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,SAAS,CAAC,4BAC1C,OAAO;8BAKvB,UAAU;;;2BAyDV,SAAS;;CAqBpB,CAAC"}

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

@@ -1,4 +1,4 @@
 import type { NimbleEmojiIndex } from 'emoji-mart';
 import type { EmojiTriggerSetting } from '../DefaultTriggerProvider';
-export declare const useEmojiTrigger: (emojiIndex?: NimbleEmojiIndex | undefined) => EmojiTriggerSetting;
+export declare const useEmojiTrigger: (emojiIndex?: NimbleEmojiIndex) => EmojiTriggerSetting;
 //# sourceMappingURL=useEmojiTrigger.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEmojiTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useEmojiTrigger.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,eAAe,iDAAoC,mBAkB9D,CAAC"}
+{"version":3,"file":"useEmojiTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useEmojiTrigger.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,eAAe,gBAAiB,gBAAgB,KAAG,mBAsB/D,CAAC"}

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

@@ -1,20 +1,24 @@
 import { EmoticonItem } from '../../EmoticonItem/EmoticonItem';
-export var useEmojiTrigger = function (emojiIndex) { return ({
-    component: EmoticonItem,
-    dataProvider: function (query, _, onReady) {
-        if (query.length === 0 || query.charAt(0).match(/[^a-zA-Z0-9+-]/)) {
-            return [];
-        }
-        var emojis = (emojiIndex === null || emojiIndex === void 0 ? void 0 : emojiIndex.search(query)) || [];
-        // emojiIndex.search sometimes returns undefined values, so filter those out first
-        var result = emojis.filter(Boolean).slice(0, 10);
-        if (onReady)
-            onReady(result, query);
-        return result;
-    },
-    output: function (entity) { return ({
-        caretPosition: 'next',
-        key: entity.id,
-        text: "" + ('native' in entity ? entity.native : ''),
-    }); },
-}); };
+import { useChatContext } from '../../../context/ChatContext';
+export var useEmojiTrigger = function (emojiIndex) {
+    var themeVersion = useChatContext('useEmojiTrigger').themeVersion;
+    return {
+        component: EmoticonItem,
+        dataProvider: function (query, _, onReady) {
+            if (query.length === 0 || query.charAt(0).match(/[^a-zA-Z0-9+-]/)) {
+                return [];
+            }
+            var emojis = (emojiIndex === null || emojiIndex === void 0 ? void 0 : emojiIndex.search(query)) || [];
+            // emojiIndex.search sometimes returns undefined values, so filter those out first
+            var result = emojis.filter(Boolean).slice(0, themeVersion === '2' ? 7 : 10);
+            if (onReady)
+                onReady(result, query);
+            return result;
+        },
+        output: function (entity) { return ({
+            caretPosition: 'next',
+            key: entity.id,
+            text: "".concat('native' in entity ? entity.native : ''),
+        }); },
+    };
+};

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

@@ -0,0 +1,7 @@
+import type { FileUpload } from './useMessageInputState';
+export declare const useFileState: <T extends Pick<FileUpload, "state">>(file: T) => {
+    failed: boolean;
+    finished: boolean;
+    uploading: boolean;
+};
+//# sourceMappingURL=useFileState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileState.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useFileState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,eAAO,MAAM,YAAY;;;;CAQtB,CAAC"}

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

@@ -0,0 +1,8 @@
+import { useMemo } from 'react';
+export var useFileState = function (file) {
+    return useMemo(function () { return ({
+        failed: file.state === 'failed',
+        finished: file.state === 'finished',
+        uploading: file.state === 'uploading',
+    }); }, [file.state]);
+};

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;AAUtD,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAErF,eAAO,MAAM,eAAe;sBAgBW,MAAM;sBAM9B,MAAM;CAyGpB,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,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAErF,eAAO,MAAM,eAAe;sBAgBW,MAAM;sBAM9B,MAAM;CAwFpB,CAAC"}

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

@@ -64,8 +64,9 @@ export var useImageUploads = function (props, state, dispatch) {
     }, []);
     var uploadImage = useCallback(function (id) { return __awaiter(void 0, void 0, void 0, function () {
         var img, file, canUpload, response, error_1, errorMessage, alreadyRemoved;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     img = imageUploads[id];
                     if (!img)
@@ -82,24 +83,24 @@ export var useImageUploads = function (props, state, dispatch) {
                             uploadType: 'image',
                         })];
                 case 1:
-                    canUpload = _a.sent();
+                    canUpload = _b.sent();
                     if (!canUpload)
                         return [2 /*return*/, removeImage(id)];
-                    _a.label = 2;
+                    _b.label = 2;
                 case 2:
-                    _a.trys.push([2, 7, , 8]);
+                    _b.trys.push([2, 7, , 8]);
                     if (!doImageUploadRequest) return [3 /*break*/, 4];
                     return [4 /*yield*/, doImageUploadRequest(file, channel)];
                 case 3:
-                    response = _a.sent();
+                    response = _b.sent();
                     return [3 /*break*/, 6];
                 case 4: return [4 /*yield*/, channel.sendImage(file)];
                 case 5:
-                    response = _a.sent();
-                    _a.label = 6;
+                    response = _b.sent();
+                    _b.label = 6;
                 case 6: return [3 /*break*/, 8];
                 case 7:
-                    error_1 = _a.sent();
+                    error_1 = _b.sent();
                     errorMessage = typeof error_1.message === 'string'
                         ? error_1.message
                         : t('Error uploading image');
@@ -123,8 +124,11 @@ export var useImageUploads = function (props, state, dispatch) {
                         removeImage(id);
                         return [2 /*return*/];
                     }
+                    if (img.previewUri)
+                        (_a = URL.revokeObjectURL) === null || _a === void 0 ? void 0 : _a.call(URL, img.previewUri);
                     dispatch({
                         id: id,
+                        previewUri: undefined,
                         state: 'finished',
                         type: 'setImageUpload',
                         url: response.file,
@@ -134,33 +138,10 @@ export var useImageUploads = function (props, state, dispatch) {
         });
     }); }, [imageUploads, channel, doImageUploadRequest, errorHandler, removeImage]);
     useEffect(function () {
-        if (FileReader) {
-            var upload = Object.values(imageUploads).find(function (imageUpload) {
-                return imageUpload.state === 'uploading' && !!imageUpload.file && !imageUpload.previewUri;
-            });
-            if (upload) {
-                var file = upload.file, id_1 = upload.id;
-                // TODO: Possibly use URL.createObjectURL instead. However, then we need
-                // to release the previews when not used anymore though.
-                var reader_1 = new FileReader();
-                reader_1.onload = function (event) {
-                    var _a;
-                    if (typeof ((_a = event.target) === null || _a === void 0 ? void 0 : _a.result) !== 'string')
-                        return;
-                    dispatch({
-                        id: id_1,
-                        previewUri: event.target.result,
-                        type: 'setImageUpload',
-                    });
-                };
-                reader_1.readAsDataURL(file);
-                uploadImage(id_1);
-                return function () {
-                    reader_1.onload = null;
-                };
-            }
-        }
-        return;
+        var upload = Object.values(imageUploads).find(function (imageUpload) { return imageUpload.state === 'uploading' && imageUpload.file; });
+        if (!upload)
+            return;
+        uploadImage(upload.id);
     }, [imageUploads, uploadImage]);
     return {
         removeImage: removeImage,

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

@@ -37,13 +37,9 @@ export declare type MessageInputState<StreamChatGenerics extends DefaultStreamCh
     attachments: Attachment<StreamChatGenerics>[];
     emojiPickerIsOpen: boolean;
     fileOrder: string[];
-    fileUploads: {
-        [id: string]: FileUpload;
-    };
+    fileUploads: Record<string, FileUpload>;
     imageOrder: string[];
-    imageUploads: {
-        [id: string]: ImageUpload;
-    };
+    imageUploads: Record<string, ImageUpload>;
     mentioned_users: UserResponse<StreamChatGenerics>[];
     setText: (text: string) => void;
     text: string;

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

@@ -1 +1 @@
-{"version":3,"file":"useMessageInputState.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useMessageInputState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMessageInputState.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useMessageInputState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAY1E,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAErF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,WAAW,CACrB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CACN,UAAU,CAAC,kBAAkB,CAAC,EAC9B,eAAe,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,CAClE,CAAC;AAEF,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,WAAW,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC9C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC1C,eAAe,EAAE,YAAY,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACpD,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,sBAAsB,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,aAAK,aAAa,GAAG;IACnB,UAAU,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,aAAK,WAAW,GAAG;IACjB,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,aAAK,oBAAoB,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,uBAAuB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,mBAAmB,CAAC;CAC3B,CAAC;AAEF,aAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAEF,aAAK,sBAAsB,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,IAAI,EAAE,kBAAkB,CAAC;IACzB,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;CACxC,CAAC;AAEF,oBAAY,yBAAyB,CACnC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAE9E,0BAA0B,GAC1B,aAAa,GACb,WAAW,GACX,oBAAoB,GACpB,mBAAmB,GACnB,uBAAuB,GACvB,sBAAsB,GACtB,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;AAE/C,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACvD,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAC5D,kBAAkB,EAAE,KAAK,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;IAChE,YAAY,EAAE,CACZ,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,KACrD,IAAI,CAAC;IACV,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACpE,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC/D,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;IAC1D,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC5E,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAsLF,oBAAY,iBAAiB,GAAG;IAC9B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,2SAyIhC,CAAC"}

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

@@ -56,10 +56,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useEffect, useRef } from 'react';
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
@@ -124,7 +128,7 @@ export var useSubmitHandler = function (props, state, dispatch, numberOfUploads)
             title: upload.file.name,
             type: getAttachmentTypeFromMime(upload.file.type || ''),
         }); });
-        return __spreadArray(__spreadArray(__spreadArray([], attachments), imageAttachments), fileAttachments);
+        return __spreadArray(__spreadArray(__spreadArray([], attachments, true), imageAttachments, true), fileAttachments, true);
     };
     var handleSubmit = function (event, customMessageData) { return __awaiter(void 0, void 0, void 0, function () {
         var trimmedMessage, isEmptyMessage, someAttachmentsUploading, newAttachments, actualMentionedUsers, updatedMessage, err_1, err_2;
@@ -151,7 +155,7 @@ export var useSubmitHandler = function (props, state, dispatch, numberOfUploads)
                     newAttachments = getAttachmentsFromUploads();
                     actualMentionedUsers = Array.from(new Set(mentioned_users.filter(function (_a) {
                         var id = _a.id, name = _a.name;
-                        return text.includes("@" + id) || text.includes("@" + name);
+                        return text.includes("@".concat(id)) || text.includes("@".concat(name));
                     })));
                     updatedMessage = {
                         attachments: newAttachments,

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

@@ -1,5 +1,5 @@
-import type { SearchQueryParams } from '../../ChannelSearch/ChannelSearch';
 import type { UserResponse } from 'stream-chat';
+import type { SearchQueryParams } from '../../ChannelSearch/hooks/useChannelSearch';
 import type { UserTriggerSetting } from '../../MessageInput/DefaultTriggerProvider';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare type UserTriggerParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {

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

@@ -1 +1 @@
-{"version":3,"file":"useUserTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useUserTrigger.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1E,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,cAAc,6KAgK1B,CAAC"}
+{"version":3,"file":"useUserTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useUserTrigger.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1E,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,cAAc,6KAgK1B,CAAC"}

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

@@ -45,10 +45,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useCallback, useState } from 'react';
 import throttle from 'lodash.throttle';
@@ -59,7 +63,7 @@ import { useChannelStateContext } from '../../../context/ChannelStateContext';
 export var useUserTrigger = function (params) {
     var disableMentions = params.disableMentions, mentionAllAppUsers = params.mentionAllAppUsers, _a = params.mentionQueryParams, mentionQueryParams = _a === void 0 ? {} : _a, onSelectUser = params.onSelectUser, useMentionsTransliteration = params.useMentionsTransliteration;
     var _b = useState(false), searching = _b[0], setSearching = _b[1];
-    var _c = useChatContext('useUserTrigger'), client = _c.client, mutes = _c.mutes;
+    var _c = useChatContext('useUserTrigger'), client = _c.client, mutes = _c.mutes, themeVersion = _c.themeVersion;
     var channel = useChannelStateContext('useUserTrigger').channel;
     var members = channel.state.members;
     var watchers = channel.state.watchers;
@@ -69,7 +73,7 @@ export var useUserTrigger = function (params) {
             return user;
         }) : [];
         var watcherUsers = watchers ? Object.values(watchers) : [];
-        var users = __spreadArray(__spreadArray([], memberUsers), watcherUsers);
+        var users = __spreadArray(__spreadArray([], memberUsers, true), watcherUsers, true);
         // make sure we don't list users twice
         var uniqueUsers = {};
         users.forEach(function (user) {
@@ -142,7 +146,7 @@ export var useUserTrigger = function (params) {
         callback: function (item) { return onSelectUser(item); },
         component: UserItem,
         dataProvider: function (query, text, onReady) {
-            var _a;
+            var _a, _b;
             if (disableMentions)
                 return;
             var filterMutes = function (data) {
@@ -180,7 +184,7 @@ export var useUserTrigger = function (params) {
                     users: users,
                 };
                 var matchingUsers = searchLocalUsers(params_1);
-                var usersToShow = ((_a = mentionQueryParams.options) === null || _a === void 0 ? void 0 : _a.limit) || 10;
+                var usersToShow = (_b = (_a = mentionQueryParams.options) === null || _a === void 0 ? void 0 : _a.limit) !== null && _b !== void 0 ? _b : (themeVersion === '2' ? 7 : 10);
                 var data = matchingUsers.slice(0, usersToShow);
                 if (onReady)
                     onReady(filterMutes(data), query);
@@ -194,7 +198,7 @@ export var useUserTrigger = function (params) {
         output: function (entity) { return ({
             caretPosition: 'next',
             key: entity.id,
-            text: "@" + (entity.name || entity.id),
+            text: "@".concat(entity.name || entity.id),
         }); },
     };
 };

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

@@ -7,7 +7,7 @@ import type { DefaultStreamChatGenerics } from '../../../types/types';
 export declare const accentsMap: {
     [key: string]: string;
 };
-export declare const removeDiacritics: (text?: string | undefined) => string;
+export declare const removeDiacritics: (text?: string) => string;
 export declare const calculateLevenshtein: (query: string, name: string) => number;
 export declare type SearchLocalUserParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     ownUserId: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAA4C,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,uCAM5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,MAAM,QAAQ,MAAM,WAiC/D,CAAC;AAEF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6KAwC5B,CAAC;AAEF,aAAK,4BAA4B,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,eAAe,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAClF,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACvE,CAAC,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IAChC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,kKAuElC,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAA4C,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,MAAM,WAM7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,MAAM,QAAQ,MAAM,WAiC/D,CAAC;AAEF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6KAwC5B,CAAC;AAEF,aAAK,4BAA4B,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,eAAe,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAClF,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACvE,CAAC,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IAChC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,kKAuElC,CAAC"}