stream-chat-react 10.9.0 → 10.10.0

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, 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, 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, shouldSubmit = value.shouldSubmit, 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 additionalTextareaProps = value.additionalTextareaProps, attachments = value.attachments, autocompleteTriggers = value.autocompleteTriggers, cancelURLEnrichment = value.cancelURLEnrichment, clearEditingState = value.clearEditingState, closeCommandsList = value.closeCommandsList, closeEmojiPicker = value.closeEmojiPicker, closeMentionsList = value.closeMentionsList, cooldownInterval = value.cooldownInterval, cooldownRemaining = value.cooldownRemaining, disabled = value.disabled, disableMentions = value.disableMentions, dismissLinkPreview = value.dismissLinkPreview, doFileUploadRequest = value.doFileUploadRequest, doImageUploadRequest = value.doImageUploadRequest, emojiIndex = value.emojiIndex, emojiPickerIsOpen = value.emojiPickerIsOpen, emojiPickerRef = value.emojiPickerRef, errorHandler = value.errorHandler, fileOrder = value.fileOrder, fileUploads = value.fileUploads, findAndEnqueueURLsToEnrich = value.findAndEnqueueURLsToEnrich, 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, linkPreviews = value.linkPreviews, 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, shouldSubmit = value.shouldSubmit, 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
@@ -16,12 +16,14 @@ export var useCreateMessageInputContext = function (value) {
         return value.state;
     })
         .join();
+    var linkPreviewsValue = Array.from(linkPreviews.values()).join();
     var mentionedUsersLength = mentioned_users.length;
     var parentId = parent === null || parent === void 0 ? void 0 : parent.id;
     var messageInputContext = useMemo(function () { return ({
         additionalTextareaProps: additionalTextareaProps,
         attachments: attachments,
         autocompleteTriggers: autocompleteTriggers,
+        cancelURLEnrichment: cancelURLEnrichment,
         clearEditingState: clearEditingState,
         closeCommandsList: closeCommandsList,
         closeEmojiPicker: closeEmojiPicker,
@@ -30,6 +32,7 @@ export var useCreateMessageInputContext = function (value) {
         cooldownRemaining: cooldownRemaining,
         disabled: disabled,
         disableMentions: disableMentions,
+        dismissLinkPreview: dismissLinkPreview,
         doFileUploadRequest: doFileUploadRequest,
         doImageUploadRequest: doImageUploadRequest,
         emojiIndex: emojiIndex,
@@ -38,6 +41,7 @@ export var useCreateMessageInputContext = function (value) {
         errorHandler: errorHandler,
         fileOrder: fileOrder,
         fileUploads: fileUploads,
+        findAndEnqueueURLsToEnrich: findAndEnqueueURLsToEnrich,
         focus: focus,
         grow: grow,
         handleChange: handleChange,
@@ -47,6 +51,7 @@ export var useCreateMessageInputContext = function (value) {
         imageUploads: imageUploads,
         insertText: insertText,
         isUploadEnabled: isUploadEnabled,
+        linkPreviews: linkPreviews,
         maxFilesLeft: maxFilesLeft,
         maxRows: maxRows,
         mentionAllAppUsers: mentionAllAppUsers,
@@ -78,13 +83,17 @@ export var useCreateMessageInputContext = function (value) {
         uploadNewFiles: uploadNewFiles,
         useMentionsTransliteration: useMentionsTransliteration,
     }); }, [
+        cancelURLEnrichment,
         cooldownInterval,
         cooldownRemaining,
+        dismissLinkPreview,
         editing,
         emojiPickerIsOpen,
         fileUploadsValue,
+        findAndEnqueueURLsToEnrich,
         imageUploadsValue,
         isUploadEnabled,
+        linkPreviewsValue,
         mentionedUsersLength,
         parentId,
         publishTypingEvent,

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

@@ -1,4 +1,4 @@
-import type { FileUpload } from './useMessageInputState';
+import type { FileUpload } from '../types';
 export declare const useFileState: <T extends Pick<FileUpload, "state">>(file: T) => {
     failed: boolean;
     finished: boolean;

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

@@ -1 +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"}
+{"version":3,"file":"useFileState.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useFileState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;CAQtB,CAAC"}

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

@@ -0,0 +1,31 @@
+import { Dispatch } from 'react';
+import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+import type { LinkPreview } from '../types';
+import { SetLinkPreviewMode } from '../types';
+import type { DebouncedFunc } from 'lodash';
+export declare type URLEnrichmentConfig = {
+    /** Number of milliseconds to debounce firing the URL enrichment queries when typing. The default value is 1500(ms). */
+    debounceURLEnrichmentMs?: number;
+    /** Allows for toggling the URL enrichment and link previews in `MessageInput`. By default, the feature is disabled. */
+    enrichURLForPreview?: boolean;
+    /** Custom function to identify URLs in a string and request OG data */
+    findURLFn?: (text: string) => string[];
+    /** Custom function to react to link preview dismissal */
+    onLinkPreviewDismissed?: (linkPreview: LinkPreview) => void;
+};
+declare type UseEnrichURLsParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = URLEnrichmentConfig & {
+    dispatch: Dispatch<MessageInputReducerAction<StreamChatGenerics>>;
+    linkPreviews: MessageInputState<StreamChatGenerics>['linkPreviews'];
+};
+export declare type EnrichURLsController = {
+    /** Function cancels all the scheduled or in-progress URL enrichment queries and resets the state. */
+    cancelURLEnrichment: () => void;
+    /** Function called when a single link preview is dismissed. */
+    dismissLinkPreview: (linkPreview: LinkPreview) => void;
+    /** Function that triggers the search for URLs and their enrichment. */
+    findAndEnqueueURLsToEnrich?: DebouncedFunc<(text: string, mode?: SetLinkPreviewMode) => void>;
+};
+export declare const useLinkPreviews: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ debounceURLEnrichmentMs: debounceURLEnrichmentMsInputContext, dispatch, enrichURLForPreview, findURLFn: findURLFnInputContext, linkPreviews, onLinkPreviewDismissed: onLinkPreviewDismissedInputContext, }: UseEnrichURLsParams<StreamChatGenerics>) => EnrichURLsController;
+export {};
+//# sourceMappingURL=useLinkPreviews.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkPreviews.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useLinkPreviews.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAkC,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAoB,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,oBAAY,mBAAmB,GAAG;IAChC,uHAAuH;IACvH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,uHAAuH;IACvH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uEAAuE;IACvE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;IACvC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,aAAK,mBAAmB,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,GAAG;IACxB,QAAQ,EAAE,QAAQ,CAAC,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClE,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,cAAc,CAAC,CAAC;CACrE,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,qGAAqG;IACrG,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,+DAA+D;IAC/D,kBAAkB,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACvD,uEAAuE;IACvE,0BAA0B,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC,CAAC;CAC/F,CAAC;AAEF,eAAO,MAAM,eAAe,+UASiB,oBAiI5C,CAAC"}

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

@@ -0,0 +1,120 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { find } from 'linkifyjs';
+import { useCallback, useEffect, useRef } from 'react';
+import debounce from 'lodash.debounce';
+import { useChannelStateContext, useChatContext } from '../../../context';
+import { LinkPreviewState, SetLinkPreviewMode } from '../types';
+export var useLinkPreviews = function (_a) {
+    var _b;
+    var debounceURLEnrichmentMsInputContext = _a.debounceURLEnrichmentMs, dispatch = _a.dispatch, _c = _a.enrichURLForPreview, enrichURLForPreview = _c === void 0 ? false : _c, findURLFnInputContext = _a.findURLFn, linkPreviews = _a.linkPreviews, onLinkPreviewDismissedInputContext = _a.onLinkPreviewDismissed;
+    var client = useChatContext().client;
+    // FIXME: the value of channelConfig is stale due to omitting it from the memoization deps in useCreateChannelStateContext
+    var _d = useChannelStateContext(), channelConfig = _d.channelConfig, debounceURLEnrichmentMsChannelContext = _d.debounceURLEnrichmentMs, findURLFnChannelContext = _d.findURLFn, onLinkPreviewDismissedChannelContext = _d.onLinkPreviewDismissed;
+    var shouldDiscardEnrichQueries = useRef(false);
+    var findURLFn = findURLFnInputContext !== null && findURLFnInputContext !== void 0 ? findURLFnInputContext : findURLFnChannelContext;
+    var onLinkPreviewDismissed = onLinkPreviewDismissedInputContext !== null && onLinkPreviewDismissedInputContext !== void 0 ? onLinkPreviewDismissedInputContext : onLinkPreviewDismissedChannelContext;
+    var debounceURLEnrichmentMs = (_b = debounceURLEnrichmentMsInputContext !== null && debounceURLEnrichmentMsInputContext !== void 0 ? debounceURLEnrichmentMsInputContext : debounceURLEnrichmentMsChannelContext) !== null && _b !== void 0 ? _b : 1500;
+    var dismissLinkPreview = useCallback(function (linkPreview) {
+        onLinkPreviewDismissed === null || onLinkPreviewDismissed === void 0 ? void 0 : onLinkPreviewDismissed(linkPreview);
+        var previewToRemoveMap = new Map();
+        linkPreview.state = LinkPreviewState.DISMISSED;
+        previewToRemoveMap.set(linkPreview.og_scrape_url, linkPreview);
+        dispatch({
+            linkPreviews: previewToRemoveMap,
+            mode: SetLinkPreviewMode.UPSERT,
+            type: 'setLinkPreviews',
+        });
+    }, [onLinkPreviewDismissed]);
+    var findAndEnqueueURLsToEnrich = useCallback(debounce(function (text, mode) {
+        if (mode === void 0) { mode = SetLinkPreviewMode.SET; }
+        var urls = findURLFn
+            ? findURLFn(text)
+            : find(text, 'url').reduce(function (acc, link) {
+                if (link.isLink)
+                    acc.push(link.href);
+                return acc;
+            }, []);
+        shouldDiscardEnrichQueries.current = urls.length === 0;
+        dispatch({
+            linkPreviews: urls.reduce(function (acc, url) {
+                acc.set(url, { og_scrape_url: url, state: LinkPreviewState.QUEUED });
+                return acc;
+            }, new Map()),
+            mode: mode,
+            type: 'setLinkPreviews',
+        });
+    }, debounceURLEnrichmentMs, { leading: false, trailing: true }), [debounceURLEnrichmentMs, shouldDiscardEnrichQueries, findURLFn]);
+    var cancelURLEnrichment = useCallback(function () {
+        findAndEnqueueURLsToEnrich.cancel();
+        findAndEnqueueURLsToEnrich('');
+        findAndEnqueueURLsToEnrich.flush();
+    }, [findAndEnqueueURLsToEnrich]);
+    useEffect(function () {
+        var enqueuedLinks = Array.from(linkPreviews.values()).reduce(function (acc, linkPreview) {
+            if (linkPreview.state === 'queued') {
+                var loadingLinkPreview = __assign(__assign({}, linkPreview), { state: LinkPreviewState.LOADING });
+                acc.set(linkPreview.og_scrape_url, loadingLinkPreview);
+            }
+            return acc;
+        }, new Map());
+        if (!enqueuedLinks.size)
+            return;
+        dispatch({
+            linkPreviews: enqueuedLinks,
+            mode: SetLinkPreviewMode.UPSERT,
+            type: 'setLinkPreviews',
+        });
+        enqueuedLinks.forEach(function (linkPreview) {
+            client
+                .enrichURL(linkPreview.og_scrape_url)
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                .then(function (_a) {
+                var duration = _a.duration, ogAttachment = __rest(_a, ["duration"]);
+                if (shouldDiscardEnrichQueries.current)
+                    return;
+                var linkPreviewsMap = new Map();
+                linkPreviewsMap.set(linkPreview.og_scrape_url, __assign(__assign({}, ogAttachment), { state: LinkPreviewState.LOADED }));
+                dispatch({
+                    linkPreviews: linkPreviewsMap,
+                    mode: SetLinkPreviewMode.UPSERT,
+                    type: 'setLinkPreviews',
+                });
+            })
+                .catch(function () {
+                var linkPreviewsMap = new Map();
+                linkPreviewsMap.set(linkPreview.og_scrape_url, __assign(__assign({}, linkPreview), { state: LinkPreviewState.FAILED }));
+                dispatch({
+                    linkPreviews: linkPreviewsMap,
+                    mode: SetLinkPreviewMode.UPSERT,
+                    type: 'setLinkPreviews',
+                });
+            });
+        });
+    }, [shouldDiscardEnrichQueries, linkPreviews]);
+    return {
+        cancelURLEnrichment: cancelURLEnrichment,
+        dismissLinkPreview: dismissLinkPreview,
+        findAndEnqueueURLsToEnrich: (channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.url_enrichment) && enrichURLForPreview ? findAndEnqueueURLsToEnrich : undefined,
+    };
+};

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

@@ -1,39 +1,12 @@
 import React from 'react';
 import type { EmojiData, NimbleEmojiIndex } from 'emoji-mart';
-import type { FileLike } from 'react-file-utils';
+import type { FileLike } from '../../ReactFileUtilities';
 import type { Attachment, Message, UserResponse } from 'stream-chat';
 import type { MessageInputProps } from '../MessageInput';
-import type { CustomTrigger, DefaultStreamChatGenerics } from '../../../types/types';
-export declare type FileUpload = {
-    file: {
-        name: string;
-        lastModified?: number;
-        lastModifiedDate?: Date;
-        size?: number;
-        type?: string;
-        uri?: string;
-    };
-    id: string;
-    state: 'finished' | 'failed' | 'uploading';
-    thumb_url?: string;
-    url?: string;
-};
-export declare type ImageUpload<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    file: {
-        name: string;
-        height?: number;
-        lastModified?: number;
-        lastModifiedDate?: Date;
-        size?: number;
-        type?: string;
-        uri?: string;
-        width?: number;
-    };
-    id: string;
-    state: 'finished' | 'failed' | 'uploading';
-    previewUri?: string;
-    url?: string;
-} & Pick<Attachment<StreamChatGenerics>, 'og_scrape_url' | 'title' | 'title_link' | 'author_name' | 'text'>;
+import type { CustomTrigger, DefaultStreamChatGenerics, SendMessageOptions } from '../../../types/types';
+import { EnrichURLsController } from './useLinkPreviews';
+import type { FileUpload, ImageUpload, LinkPreviewMap } from '../types';
+import { SetLinkPreviewMode } from '../types';
 export declare type MessageInputState<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     attachments: Attachment<StreamChatGenerics>[];
     emojiPickerIsOpen: boolean;
@@ -41,6 +14,7 @@ export declare type MessageInputState<StreamChatGenerics extends DefaultStreamCh
     fileUploads: Record<string, FileUpload>;
     imageOrder: string[];
     imageUploads: Record<string, ImageUpload>;
+    linkPreviews: LinkPreviewMap;
     mentioned_users: UserResponse<StreamChatGenerics>[];
     setText: (text: string) => void;
     text: string;
@@ -72,6 +46,11 @@ declare type SetFileUploadAction = {
     thumb_url?: string;
     url?: string;
 };
+declare type SetLinkPreviewsAction = {
+    linkPreviews: LinkPreviewMap;
+    mode: SetLinkPreviewMode;
+    type: 'setLinkPreviews';
+};
 declare type RemoveImageUploadAction = {
     id: string;
     type: 'removeImageUpload';
@@ -84,13 +63,13 @@ declare type AddMentionedUserAction<StreamChatGenerics extends DefaultStreamChat
     type: 'addMentionedUser';
     user: UserResponse<StreamChatGenerics>;
 };
-export declare type MessageInputReducerAction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = SetEmojiPickerIsOpenAction | SetTextAction | ClearAction | SetImageUploadAction | SetFileUploadAction | RemoveImageUploadAction | RemoveFileUploadAction | AddMentionedUserAction<StreamChatGenerics>;
-export declare type MessageInputHookProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+export declare type MessageInputReducerAction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = SetEmojiPickerIsOpenAction | SetTextAction | ClearAction | SetImageUploadAction | SetFileUploadAction | SetLinkPreviewsAction | RemoveImageUploadAction | RemoveFileUploadAction | AddMentionedUserAction<StreamChatGenerics>;
+export declare type MessageInputHookProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = EnrichURLsController & {
     closeEmojiPicker: React.MouseEventHandler<HTMLElement>;
     emojiPickerRef: React.MutableRefObject<HTMLDivElement | null>;
     handleChange: React.ChangeEventHandler<HTMLTextAreaElement>;
     handleEmojiKeyDown: React.KeyboardEventHandler<HTMLSpanElement>;
-    handleSubmit: (event: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>>) => void;
+    handleSubmit: (event: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>>, options?: SendMessageOptions) => void;
     insertText: (textToInsert: string) => void;
     isUploadEnabled: boolean;
     maxFilesLeft: number;
@@ -120,6 +99,27 @@ export declare type MentionsListState = {
 /**
  * hook for MessageInput state
  */
-export declare const useMessageInputState: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>) => MessageInputState<StreamChatGenerics> & MessageInputHookProps<StreamChatGenerics> & CommandsListState & MentionsListState;
+export declare const useMessageInputState: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>) => MessageInputState<StreamChatGenerics> & EnrichURLsController & {
+    closeEmojiPicker: React.MouseEventHandler<HTMLElement>;
+    emojiPickerRef: React.MutableRefObject<HTMLDivElement | null>;
+    handleChange: React.ChangeEventHandler<HTMLTextAreaElement>;
+    handleEmojiKeyDown: React.KeyboardEventHandler<HTMLSpanElement>;
+    handleSubmit: (event: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>> | undefined, options?: SendMessageOptions) => void;
+    insertText: (textToInsert: string) => void;
+    isUploadEnabled: boolean;
+    maxFilesLeft: number;
+    numberOfUploads: number;
+    onPaste: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
+    onSelectEmoji: (emoji: EmojiData) => void;
+    onSelectUser: (item: UserResponse<StreamChatGenerics>) => void;
+    openEmojiPicker: React.MouseEventHandler<HTMLSpanElement>;
+    removeFile: (id: string) => void;
+    removeImage: (id: string) => void;
+    textareaRef: React.MutableRefObject<HTMLTextAreaElement | null | undefined>;
+    uploadFile: (id: string) => void;
+    uploadImage: (id: string) => void;
+    uploadNewFiles: (files: FileList | File[]) => void;
+    emojiIndex?: NimbleEmojiIndex | undefined;
+} & CommandsListState & MentionsListState;
 export {};
 //# sourceMappingURL=useMessageInputState.d.ts.map

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,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAgB,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EACV,aAAa,EACb,yBAAyB,EACzB,kBAAkB,EACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAmB,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAoB,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEhE,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,YAAY,EAAE,cAAc,CAAC;IAC7B,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,qBAAqB,GAAG;IAC3B,YAAY,EAAE,cAAc,CAAC;IAC7B,IAAI,EAAE,kBAAkB,CAAC;IACzB,IAAI,EAAE,iBAAiB,CAAC;CACzB,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,qBAAqB,GACrB,uBAAuB,GACvB,sBAAsB,GACtB,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;AAE/C,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,oBAAoB,GAAG;IACzB,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,EACxD,OAAO,CAAC,EAAE,kBAAkB,KACzB,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;AAmOF,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;sBA1Qb,MAAM,iBAAiB,CAAC,WAAW,CAAC;oBACtC,MAAM,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC;kBAC/C,MAAM,kBAAkB,CAAC,mBAAmB,CAAC;wBACvC,MAAM,oBAAoB,CAAC,eAAe,CAAC;0BAEtD,MAAM,kBAAkB,kFAErB,kBAAkB,KACzB,IAAI;+BACkB,MAAM,KAAK,IAAI;qBACzB,OAAO;kBACV,MAAM;qBACH,MAAM;qBACN,oBAAoB,CAAC,mBAAmB,CAAC,KAAK,IAAI;2BAC5C,SAAS,KAAK,IAAI;8DACiB,IAAI;qBAC7C,MAAM,iBAAiB,CAAC,eAAe,CAAC;qBACxC,MAAM,KAAK,IAAI;sBACd,MAAM,KAAK,IAAI;iBACpB,MAAM,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,GAAG,SAAS,CAAC;qBAC1D,MAAM,KAAK,IAAI;sBACd,MAAM,KAAK,IAAI;4BACT,QAAQ,GAAG,IAAI,EAAE,KAAK,IAAI;;yCAqZnD,CAAC"}

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

@@ -18,6 +18,8 @@ import { useMessageInputText } from './useMessageInputText';
 import { useEmojiPicker } from './useEmojiPicker';
 import { useSubmitHandler } from './useSubmitHandler';
 import { usePasteHandler } from './usePasteHandler';
+import { useLinkPreviews } from './useLinkPreviews';
+import { LinkPreviewState, SetLinkPreviewMode } from '../types';
 var makeEmptyMessageInputState = function () { return ({
     attachments: [],
     emojiPickerIsOpen: false,
@@ -25,6 +27,7 @@ var makeEmptyMessageInputState = function () { return ({
     fileUploads: {},
     imageOrder: [],
     imageUploads: {},
+    linkPreviews: new Map(),
     mentioned_users: [],
     setText: function () { return null; },
     text: '',
@@ -33,7 +36,7 @@ var makeEmptyMessageInputState = function () { return ({
  * Initializes the state. Empty if the message prop is falsy.
  */
 var initState = function (message) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (!message) {
         return makeEmptyMessageInputState();
     }
@@ -78,9 +81,15 @@ var initState = function (message) {
         };
         return acc;
     }, {})) !== null && _d !== void 0 ? _d : {};
+    var linkPreviews = (_f = (_e = message.attachments) === null || _e === void 0 ? void 0 : _e.reduce(function (acc, attachment) {
+        if (!attachment.og_scrape_url)
+            return acc;
+        acc.set(attachment.og_scrape_url, __assign(__assign({}, attachment), { state: LinkPreviewState.LOADED }));
+        return acc;
+    }, new Map())) !== null && _f !== void 0 ? _f : new Map();
     var imageOrder = Object.keys(imageUploads);
     var fileOrder = Object.keys(fileUploads);
-    var attachments = ((_e = message.attachments) === null || _e === void 0 ? void 0 : _e.filter(function (_a) {
+    var attachments = ((_g = message.attachments) === null || _g === void 0 ? void 0 : _g.filter(function (_a) {
         var type = _a.type;
         return type !== 'file' && type !== 'image';
     })) || [];
@@ -92,6 +101,7 @@ var initState = function (message) {
         fileUploads: fileUploads,
         imageOrder: imageOrder,
         imageUploads: imageUploads,
+        linkPreviews: linkPreviews,
         mentioned_users: mentioned_users,
         setText: function () { return null; },
         text: message.text || '',
@@ -127,6 +137,32 @@ var messageInputReducer = function (state, action) {
             delete newUploadFields.type;
             return __assign(__assign({}, state), { fileOrder: fileOrder, fileUploads: __assign(__assign({}, state.fileUploads), (_b = {}, _b[action.id] = __assign(__assign({}, state.fileUploads[action.id]), newUploadFields), _b)) });
         }
+        case 'setLinkPreviews': {
+            var linkPreviews_1 = new Map(state.linkPreviews);
+            if (action.mode === SetLinkPreviewMode.REMOVE) {
+                Array.from(action.linkPreviews.keys()).forEach(function (key) {
+                    linkPreviews_1.delete(key);
+                });
+            }
+            else {
+                Array.from(action.linkPreviews.values()).reduce(function (acc, linkPreview) {
+                    var existingPreview = acc.get(linkPreview.og_scrape_url);
+                    var alreadyEnqueued = linkPreview.state === LinkPreviewState.QUEUED &&
+                        (existingPreview === null || existingPreview === void 0 ? void 0 : existingPreview.state) !== LinkPreviewState.FAILED;
+                    if (existingPreview && alreadyEnqueued)
+                        return acc;
+                    acc.set(linkPreview.og_scrape_url, linkPreview);
+                    return acc;
+                }, linkPreviews_1);
+                if (action.mode === SetLinkPreviewMode.SET) {
+                    Array.from(state.linkPreviews.keys()).forEach(function (key) {
+                        if (!action.linkPreviews.get(key))
+                            linkPreviews_1.delete(key);
+                    });
+                }
+            }
+            return __assign(__assign({}, state), { linkPreviews: linkPreviews_1 });
+        }
         case 'removeImageUpload': {
             if (!state.imageUploads[action.id])
                 return state; // cannot remove anything
@@ -151,17 +187,19 @@ var messageInputReducer = function (state, action) {
  * hook for MessageInput state
  */
 export var useMessageInputState = function (props) {
-    var additionalTextareaProps = props.additionalTextareaProps, closeEmojiPickerOnClick = props.closeEmojiPickerOnClick, getDefaultValue = props.getDefaultValue, message = props.message;
-    var _a = useChannelStateContext('useMessageInputState'), _b = _a.channelCapabilities, channelCapabilities = _b === void 0 ? {} : _b, channelConfig = _a.channelConfig;
+    var _a;
+    var additionalTextareaProps = props.additionalTextareaProps, closeEmojiPickerOnClick = props.closeEmojiPickerOnClick, getDefaultValue = props.getDefaultValue, message = props.message, urlEnrichmentConfig = props.urlEnrichmentConfig;
+    var _b = useChannelStateContext('useMessageInputState'), _c = _b.channelCapabilities, channelCapabilities = _c === void 0 ? {} : _c, channelConfig = _b.channelConfig, enrichURLForPreviewChannelContext = _b.enrichURLForPreview;
     var defaultValue = (getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue()) || (additionalTextareaProps === null || additionalTextareaProps === void 0 ? void 0 : additionalTextareaProps.defaultValue);
     var initialStateValue = message ||
         (Array.isArray(defaultValue)
             ? { text: defaultValue.join('') }
             : { text: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.toString() });
-    var _c = useReducer(messageInputReducer, initialStateValue, initState), state = _c[0], dispatch = _c[1];
-    var _d = useMessageInputText(props, state, dispatch), handleChange = _d.handleChange, insertText = _d.insertText, textareaRef = _d.textareaRef;
-    var _e = useState(false), showCommandsList = _e[0], setShowCommandsList = _e[1];
-    var _f = useState(false), showMentionsList = _f[0], setShowMentionsList = _f[1];
+    var _d = useReducer(messageInputReducer, initialStateValue, initState), state = _d[0], dispatch = _d[1];
+    var enrichURLsController = useLinkPreviews(__assign(__assign({ dispatch: dispatch, linkPreviews: state.linkPreviews }, urlEnrichmentConfig), { enrichURLForPreview: (_a = urlEnrichmentConfig === null || urlEnrichmentConfig === void 0 ? void 0 : urlEnrichmentConfig.enrichURLForPreview) !== null && _a !== void 0 ? _a : enrichURLForPreviewChannelContext }));
+    var _e = useMessageInputText(props, state, dispatch, enrichURLsController.findAndEnqueueURLsToEnrich), handleChange = _e.handleChange, insertText = _e.insertText, textareaRef = _e.textareaRef;
+    var _f = useState(false), showCommandsList = _f[0], setShowCommandsList = _f[1];
+    var _g = useState(false), showMentionsList = _g[0], setShowMentionsList = _g[1];
     var openCommandsList = function () {
         dispatch({
             getNewText: function () { return '/'; },
@@ -178,18 +216,18 @@ export var useMessageInputState = function (props) {
         setShowMentionsList(true);
     };
     var closeMentionsList = function () { return setShowMentionsList(false); };
-    var _g = useEmojiPicker(state, dispatch, insertText, textareaRef, closeEmojiPickerOnClick), closeEmojiPicker = _g.closeEmojiPicker, emojiPickerRef = _g.emojiPickerRef, handleEmojiKeyDown = _g.handleEmojiKeyDown, onSelectEmoji = _g.onSelectEmoji, openEmojiPicker = _g.openEmojiPicker;
-    var _h = useAttachments(props, state, dispatch, textareaRef), maxFilesLeft = _h.maxFilesLeft, numberOfUploads = _h.numberOfUploads, removeFile = _h.removeFile, removeImage = _h.removeImage, uploadFile = _h.uploadFile, uploadImage = _h.uploadImage, uploadNewFiles = _h.uploadNewFiles;
-    var handleSubmit = useSubmitHandler(props, state, dispatch, numberOfUploads).handleSubmit;
+    var _h = useEmojiPicker(state, dispatch, insertText, textareaRef, closeEmojiPickerOnClick), closeEmojiPicker = _h.closeEmojiPicker, emojiPickerRef = _h.emojiPickerRef, handleEmojiKeyDown = _h.handleEmojiKeyDown, onSelectEmoji = _h.onSelectEmoji, openEmojiPicker = _h.openEmojiPicker;
+    var _j = useAttachments(props, state, dispatch, textareaRef), maxFilesLeft = _j.maxFilesLeft, numberOfUploads = _j.numberOfUploads, removeFile = _j.removeFile, removeImage = _j.removeImage, uploadFile = _j.uploadFile, uploadImage = _j.uploadImage, uploadNewFiles = _j.uploadNewFiles;
+    var handleSubmit = useSubmitHandler(props, state, dispatch, numberOfUploads, enrichURLsController).handleSubmit;
     var isUploadEnabled = (channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.uploads) !== false && channelCapabilities['upload-file'] !== false;
-    var onPaste = usePasteHandler(uploadNewFiles, insertText, isUploadEnabled).onPaste;
+    var onPaste = usePasteHandler(uploadNewFiles, insertText, isUploadEnabled, enrichURLsController.findAndEnqueueURLsToEnrich).onPaste;
     var onSelectUser = useCallback(function (item) {
         dispatch({ type: 'addMentionedUser', user: item });
     }, []);
     var setText = useCallback(function (text) {
         dispatch({ getNewText: function () { return text; }, type: 'setText' });
     }, []);
-    return __assign(__assign({}, state), { closeCommandsList: closeCommandsList, 
+    return __assign(__assign(__assign({}, state), enrichURLsController), { closeCommandsList: closeCommandsList, 
         /**
          * TODO: fix the below at some point because this type casting is wrong
          * and just forced to not have warnings currently with the unknown casting

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

@@ -1,7 +1,8 @@
 import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
 import type { MessageInputProps } from '../MessageInput';
 import type { CustomTrigger, DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useMessageInputText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>, state: MessageInputState<StreamChatGenerics>, dispatch: import("react").Dispatch<MessageInputReducerAction<StreamChatGenerics>>) => {
+import type { EnrichURLsController } from './useLinkPreviews';
+export declare const useMessageInputText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>, state: MessageInputState<StreamChatGenerics>, dispatch: import("react").Dispatch<MessageInputReducerAction<StreamChatGenerics>>, findAndEnqueueURLsToEnrich?: EnrichURLsController['findAndEnqueueURLsToEnrich']) => {
     handleChange: import("react").ChangeEventHandler<HTMLTextAreaElement>;
     insertText: (textToInsert: string) => void;
     textareaRef: import("react").MutableRefObject<HTMLTextAreaElement | undefined>;

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

@@ -1 +1 @@
-{"version":3,"file":"useMessageInputText.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useMessageInputText.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAErF,eAAO,MAAM,mBAAmB;;+BAyBb,MAAM;;CAsExB,CAAC"}
+{"version":3,"file":"useMessageInputText.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useMessageInputText.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,eAAO,MAAM,mBAAmB,6UAOD,oBAAoB,CAAC,4BAA4B,CAAC;;+BAmB9D,MAAM;;CAyExB,CAAC"}

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

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef } from 'react';
 import { logChatPromiseExecution } from 'stream-chat';
 import { useChannelStateContext } from '../../../context/ChannelStateContext';
-export var useMessageInputText = function (props, state, dispatch) {
+export var useMessageInputText = function (props, state, dispatch, findAndEnqueueURLsToEnrich) {
     var channel = useChannelStateContext('useMessageInputText').channel;
     var additionalTextareaProps = props.additionalTextareaProps, focus = props.focus, parent = props.parent, _a = props.publishTypingEvent, publishTypingEvent = _a === void 0 ? true : _a;
     var text = state.text;
@@ -60,10 +60,11 @@ export var useMessageInputText = function (props, state, dispatch) {
             getNewText: function () { return newText; },
             type: 'setText',
         });
+        findAndEnqueueURLsToEnrich === null || findAndEnqueueURLsToEnrich === void 0 ? void 0 : findAndEnqueueURLsToEnrich(newText);
         if (publishTypingEvent && newText && channel) {
             logChatPromiseExecution(channel.keystroke(parent === null || parent === void 0 ? void 0 : parent.id), 'start typing event');
         }
-    }, [channel, parent, publishTypingEvent]);
+    }, [channel, findAndEnqueueURLsToEnrich, parent, publishTypingEvent]);
     return {
         handleChange: handleChange,
         insertText: insertText,

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

@@ -1,5 +1,6 @@
-import { FileLike } from 'react-file-utils';
-export declare const usePasteHandler: (uploadNewFiles: (files: FileList | FileLike[] | File[]) => void, insertText: (textToInsert: string) => void, isUploadEnabled: boolean) => {
+import { FileLike } from '../../ReactFileUtilities';
+import type { EnrichURLsController } from './useLinkPreviews';
+export declare const usePasteHandler: (uploadNewFiles: (files: FileList | FileLike[] | File[]) => void, insertText: (textToInsert: string) => void, isUploadEnabled: boolean, findAndEnqueueURLsToEnrich?: EnrichURLsController['findAndEnqueueURLsToEnrich']) => {
     onPaste: (clipboardEvent: React.ClipboardEvent<HTMLTextAreaElement>) => void;
 };
 //# sourceMappingURL=usePasteHandler.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePasteHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/usePasteHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAwD,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElG,eAAO,MAAM,eAAe,2BACF,QAAQ,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,KAAK,IAAI,6BACpC,MAAM,KAAK,IAAI,mBACzB,OAAO;8BAGL,oBAAoB,CAAC,mBAAmB,CAAC;CAyC7D,CAAC"}
+{"version":3,"file":"usePasteHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/usePasteHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,QAAQ,EACT,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,eAAO,MAAM,eAAe,2BACF,QAAQ,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,KAAK,IAAI,6BACpC,MAAM,KAAK,IAAI,mBACzB,OAAO,+BACK,oBAAoB,CAAC,4BAA4B,CAAC;8BAG5D,oBAAoB,CAAC,mBAAmB,CAAC;CA2C7D,CAAC"}

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

@@ -35,8 +35,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useCallback } from 'react';
-import { dataTransferItemsHaveFiles, dataTransferItemsToFiles } from 'react-file-utils';
-export var usePasteHandler = function (uploadNewFiles, insertText, isUploadEnabled) {
+import { dataTransferItemsHaveFiles, dataTransferItemsToFiles, } from '../../ReactFileUtilities';
+import { SetLinkPreviewMode } from '../types';
+export var usePasteHandler = function (uploadNewFiles, insertText, isUploadEnabled, findAndEnqueueURLsToEnrich) {
     var onPaste = useCallback(function (clipboardEvent) {
         if (!isUploadEnabled)
             return;
@@ -78,6 +79,8 @@ export var usePasteHandler = function (uploadNewFiles, insertText, isUploadEnabl
                     case 2:
                         pastedText = _a.sent();
                         insertText(pastedText);
+                        findAndEnqueueURLsToEnrich === null || findAndEnqueueURLsToEnrich === void 0 ? void 0 : findAndEnqueueURLsToEnrich(pastedText, SetLinkPreviewMode.UPSERT);
+                        findAndEnqueueURLsToEnrich === null || findAndEnqueueURLsToEnrich === void 0 ? void 0 : findAndEnqueueURLsToEnrich.flush();
                         _a.label = 3;
                     case 3: return [2 /*return*/];
                 }

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

@@ -2,7 +2,8 @@ import type { Message } from 'stream-chat';
 import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
 import type { MessageInputProps } from '../MessageInput';
 import type { CustomTrigger, DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useSubmitHandler: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>, state: MessageInputState<StreamChatGenerics>, dispatch: import("react").Dispatch<MessageInputReducerAction<StreamChatGenerics>>, numberOfUploads: number) => {
+import type { EnrichURLsController } from './useLinkPreviews';
+export declare const useSubmitHandler: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>, state: MessageInputState<StreamChatGenerics>, dispatch: import("react").Dispatch<MessageInputReducerAction<StreamChatGenerics>>, numberOfUploads: number, enrichURLsController: EnrichURLsController) => {
     handleSubmit: (event: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>> | undefined) => Promise<void>;
 };
 //# sourceMappingURL=useSubmitHandler.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSubmitHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useSubmitHandler.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAc,OAAO,EAAkB,MAAM,aAAa,CAAC;AAEvE,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;AAQrF,eAAO,MAAM,gBAAgB,iUAOV,MAAM;0BA6Ed,MAAM,kBAAkB;CAqGlC,CAAC"}
+{"version":3,"file":"useSubmitHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useSubmitHandler.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAc,OAAO,EAAkB,MAAM,aAAa,CAAC;AAEvE,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;AACrF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAS9D,eAAO,MAAM,gBAAgB,iUAOV,MAAM,wBACD,oBAAoB;0BA+EjC,MAAM,kBAAkB;CAgJlC,CAAC"}