stream-chat-react 6.7.2 → 6.8.0

package/dist/index.cjs.js

@@ -3512,6 +3512,85 @@ var useEmojiTrigger = function (emojiIndex) { return ({
     }); },
 }); };
 
+var accentsMap = {
+    a: 'á|à|ã|â|À|Á|Ã|Â',
+    c: 'ç|Ç',
+    e: 'é|è|ê|É|È|Ê',
+    i: 'í|ì|î|Í|Ì|Î',
+    n: 'ñ|Ñ',
+    o: 'ó|ò|ô|õ|Ó|Ò|Ô|Õ',
+    u: 'ú|ù|û|ü|Ú|Ù|Û|Ü',
+};
+var removeDiacritics = function (text) {
+    if (!text)
+        return '';
+    return Object.keys(accentsMap).reduce(function (acc, current) { return acc.replace(new RegExp(accentsMap[current], 'g'), current); }, text);
+};
+var calculateLevenshtein = function (query, name) {
+    if (query.length === 0)
+        return name.length;
+    if (name.length === 0)
+        return query.length;
+    var matrix = [];
+    var i;
+    for (i = 0; i <= name.length; i++) {
+        matrix[i] = [i];
+    }
+    var j;
+    for (j = 0; j <= query.length; j++) {
+        matrix[0][j] = j;
+    }
+    for (i = 1; i <= name.length; i++) {
+        for (j = 1; j <= query.length; j++) {
+            if (name.charAt(i - 1) === query.charAt(j - 1)) {
+                matrix[i][j] = matrix[i - 1][j - 1];
+            }
+            else {
+                matrix[i][j] = Math.min(matrix[i - 1][j - 1] + 1, // substitution
+                Math.min(matrix[i][j - 1] + 1, // insertion
+                matrix[i - 1][j] + 1)); // deletion
+            }
+        }
+    }
+    return matrix[name.length][query.length];
+};
+var searchLocalUsers = function (params) {
+    var ownUserId = params.ownUserId, query = params.query, useMentionsTransliteration = params.useMentionsTransliteration, users = params.users;
+    var matchingUsers = users.filter(function (user) {
+        if (user.id === ownUserId)
+            return false;
+        if (!query)
+            return true;
+        var updatedId = removeDiacritics(user.id).toLowerCase();
+        var updatedName = removeDiacritics(user.name).toLowerCase();
+        var updatedQuery = removeDiacritics(query).toLowerCase();
+        if (useMentionsTransliteration) {
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var transliterate;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@sindresorhus/transliterate')); })];
+                        case 1:
+                            transliterate = (_a.sent()).default;
+                            updatedName = transliterate(user.name || '').toLowerCase();
+                            updatedQuery = transliterate(query).toLowerCase();
+                            updatedId = transliterate(user.id).toLowerCase();
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+        if (updatedName) {
+            var levenshtein_1 = calculateLevenshtein(updatedQuery, updatedName);
+            if (updatedName.includes(updatedQuery) || levenshtein_1 <= 3)
+                return true;
+        }
+        var levenshtein = calculateLevenshtein(updatedQuery, updatedId);
+        return updatedId.includes(updatedQuery) || levenshtein <= 3;
+    });
+    return matchingUsers;
+};
+
 /**
  * UI component for mentions rendered in suggestion list
  */
@@ -3534,7 +3613,7 @@ var UnMemoizedUserItem = function (props) {
 var UserItem = React__default['default'].memo(UnMemoizedUserItem);
 
 var useUserTrigger = function (params) {
-    var disableMentions = params.disableMentions, mentionAllAppUsers = params.mentionAllAppUsers, _a = params.mentionQueryParams, mentionQueryParams = _a === void 0 ? {} : _a, onSelectUser = params.onSelectUser;
+    var disableMentions = params.disableMentions, mentionAllAppUsers = params.mentionAllAppUsers, _a = params.mentionQueryParams, mentionQueryParams = _a === void 0 ? {} : _a, onSelectUser = params.onSelectUser, useMentionsTransliteration = params.useMentionsTransliteration;
     var _b = React.useState(false), searching = _b[0], setSearching = _b[1];
     var _c = useChatContext(), client = _c.client, mutes = _c.mutes;
     var channel = useChannelStateContext().channel;
@@ -3649,16 +3728,13 @@ var useUserTrigger = function (params) {
              */
             if (!query || Object.values(members || {}).length < 100) {
                 var users = getMembersAndWatchers();
-                var matchingUsers = users.filter(function (user) {
-                    if (user.id === client.userID)
-                        return false;
-                    if (!query)
-                        return true;
-                    if (user.name !== undefined && user.name.toLowerCase().includes(query.toLowerCase())) {
-                        return true;
-                    }
-                    return user.id.toLowerCase().includes(query.toLowerCase());
-                });
+                var params_1 = {
+                    ownUserId: client.userID,
+                    query: query,
+                    useMentionsTransliteration: useMentionsTransliteration,
+                    users: users,
+                };
+                var matchingUsers = searchLocalUsers(params_1);
                 var usersToShow = ((_a = mentionQueryParams.options) === null || _a === void 0 ? void 0 : _a.limit) || 10;
                 var data = matchingUsers.slice(0, usersToShow);
                 if (onReady)
@@ -3705,6 +3781,7 @@ var DefaultTriggerProvider = function (_a) {
             mentionAllAppUsers: currentValue.mentionAllAppUsers,
             mentionQueryParams: currentValue.mentionQueryParams,
             onSelectUser: currentValue.onSelectUser,
+            useMentionsTransliteration: currentValue.useMentionsTransliteration,
         }),
     };
     var newValue = __assign(__assign({}, currentValue), { autocompleteTriggers: defaultAutocompleteTriggers });
@@ -4521,6 +4598,7 @@ var initState = function (message) {
             imageOrder: [],
             imageUploads: __assign({}, emptyImageUploads),
             mentioned_users: [],
+            setText: function () { return null; },
             text: '',
         };
     }
@@ -4572,6 +4650,7 @@ var initState = function (message) {
         imageOrder: imageOrder,
         imageUploads: imageUploads,
         mentioned_users: mentioned_users,
+        setText: function () { return null; },
         text: message.text || '',
     };
 };
@@ -4660,12 +4739,15 @@ var useMessageInputState = function (props) {
     var onSelectUser = React.useCallback(function (item) {
         dispatch({ type: 'addMentionedUser', user: item });
     }, []);
+    var setText = React.useCallback(function (text) {
+        dispatch({ getNewText: function () { return text; }, type: 'setText' });
+    }, []);
     return __assign(__assign({}, state), { 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
          */
-        closeEmojiPicker: closeEmojiPicker, emojiIndex: useEmojiIndex(), emojiPickerRef: emojiPickerRef, handleChange: handleChange, handleEmojiKeyDown: handleEmojiKeyDown, handleSubmit: handleSubmit, insertText: insertText, isUploadEnabled: isUploadEnabled, maxFilesLeft: maxFilesLeft, numberOfUploads: numberOfUploads, onPaste: onPaste, onSelectEmoji: onSelectEmoji, onSelectUser: onSelectUser, openCommandsList: openCommandsList, openEmojiPicker: openEmojiPicker, removeFile: removeFile, removeImage: removeImage, showCommandsList: showCommandsList, textareaRef: textareaRef, uploadFile: uploadFile, uploadImage: uploadImage, uploadNewFiles: uploadNewFiles });
+        closeEmojiPicker: closeEmojiPicker, emojiIndex: useEmojiIndex(), emojiPickerRef: emojiPickerRef, handleChange: handleChange, handleEmojiKeyDown: handleEmojiKeyDown, handleSubmit: handleSubmit, insertText: insertText, isUploadEnabled: isUploadEnabled, maxFilesLeft: maxFilesLeft, numberOfUploads: numberOfUploads, onPaste: onPaste, onSelectEmoji: onSelectEmoji, onSelectUser: onSelectUser, openCommandsList: openCommandsList, openEmojiPicker: openEmojiPicker, removeFile: removeFile, removeImage: removeImage, setText: setText, showCommandsList: showCommandsList, textareaRef: textareaRef, uploadFile: uploadFile, uploadImage: uploadImage, uploadNewFiles: uploadNewFiles });
 };
 
 var QuotedMessagePreviewHeader = function () {
@@ -5125,7 +5207,7 @@ var UnMemoizedChannel = function (props) {
     return React__default['default'].createElement(ChannelInner, __assign({}, props, { channel: channel, key: channel.cid }));
 };
 var ChannelInner = function (props) {
-    var acceptedFiles = props.acceptedFiles, channel = props.channel, children = props.children, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _a = props.emojiData, emojiData = _a === void 0 ? defaultEmojiData : _a, _b = props.LoadingErrorIndicator, LoadingErrorIndicator$1 = _b === void 0 ? LoadingErrorIndicator : _b, _c = props.LoadingIndicator, LoadingIndicator$1 = _c === void 0 ? LoadingIndicator : _c, maxNumberOfFiles = props.maxNumberOfFiles, _d = props.multipleUploads, multipleUploads = _d === void 0 ? true : _d, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover;
+    var acceptedFiles = props.acceptedFiles, activeUnreadHandler = props.activeUnreadHandler, channel = props.channel, children = props.children, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _a = props.emojiData, emojiData = _a === void 0 ? defaultEmojiData : _a, _b = props.LoadingErrorIndicator, LoadingErrorIndicator$1 = _b === void 0 ? LoadingErrorIndicator : _b, _c = props.LoadingIndicator, LoadingIndicator$1 = _c === void 0 ? LoadingIndicator : _c, maxNumberOfFiles = props.maxNumberOfFiles, _d = props.multipleUploads, multipleUploads = _d === void 0 ? true : _d, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover;
     var _e = useChatContext(), client = _e.client, customClasses = _e.customClasses, mutes = _e.mutes, theme = _e.theme, useImageFlagEmojisOnWindows = _e.useImageFlagEmojisOnWindows;
     var t = useTranslationContext().t;
     var _f = React.useState([]), notifications = _f[0], setNotifications = _f[1];
@@ -5195,7 +5277,12 @@ var ChannelInner = function (props) {
                 }
                 else if (((_e = channel.getConfig()) === null || _e === void 0 ? void 0 : _e.read_events) && !channel.muteStatus().muted) {
                     var unread = channel.countUnread(lastRead.current);
-                    document.title = "(" + unread + ") " + originalTitle.current;
+                    if (activeUnreadHandler) {
+                        activeUnreadHandler(unread, originalTitle.current);
+                    }
+                    else {
+                        document.title = "(" + unread + ") " + originalTitle.current;
+                    }
                 }
             }
         }
@@ -5582,7 +5669,7 @@ var ChannelInner = function (props) {
     var chatClass = (customClasses === null || customClasses === void 0 ? void 0 : customClasses.chat) || 'str-chat';
     var channelClass = (customClasses === null || customClasses === void 0 ? void 0 : customClasses.channel) || 'str-chat-channel';
     var windowsEmojiClass = useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/)
-        ? ' str-chat--windows-flags'
+        ? 'str-chat--windows-flags'
         : '';
     if (state.error) {
         return (React__default['default'].createElement("div", { className: chatClass + " " + channelClass + " " + theme },
@@ -6164,6 +6251,16 @@ var ChannelPreview = function (props) {
     var _e = React.useState(0), unread = _e[0], setUnread = _e[1];
     var isActive = (activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.cid) === channel.cid;
     var muted = useIsChannelMuted(channel).muted;
+    React.useEffect(function () {
+        var handleEvent = function (event) {
+            if (!event.cid)
+                return setUnread(0);
+            if (channel.cid === event.cid)
+                setUnread(0);
+        };
+        client.on('notification.mark_read', handleEvent);
+        return function () { return client.off('notification.mark_read', handleEvent); };
+    }, []);
     React.useEffect(function () {
         if (isActive || muted) {
             setUnread(0);
@@ -7155,7 +7252,7 @@ var Streami18n = /** @class */ (function () {
     return Streami18n;
 }());
 
-var version = '6.7.2';
+var version = '6.8.0';
 
 var useChat = function (_a) {
     var _b;