stream-chat-react 10.10.0 → 10.10.2

package/dist/index.cjs.js

@@ -115,7 +115,7 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var nimbleEmoji__default = /*#__PURE__*/_interopDefaultLegacy(nimbleEmoji);
 var nimblePicker__default = /*#__PURE__*/_interopDefaultLegacy(nimblePicker);
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -169,7 +169,7 @@ function __generator(thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -215,8 +215,13 @@ function __spreadArray(to, from, pack) {
             ar[i] = from[i];
         }
     }
-    return to.concat(ar || from);
-}
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -2038,7 +2043,7 @@ var RetryIcon$1 = function () { return (React__default["default"].createElement(
 
 var useHandleFileChangeWrapper = function (resetOnChange, handler) {
     if (resetOnChange === void 0) { resetOnChange = false; }
-    return function (_a) {
+    return React.useCallback(function (_a) {
         var currentTarget = _a.currentTarget;
         var files = currentTarget.files;
         if (!files)
@@ -2051,7 +2056,7 @@ var useHandleFileChangeWrapper = function (resetOnChange, handler) {
         }
         if (resetOnChange)
             currentTarget.value = '';
-    };
+    }, [handler, resetOnChange]);
 };
 function dataTransferItemsHaveFiles(items) {
     if (!items || !items.length) {
@@ -32878,6 +32883,64 @@ var makeAddNotifications = function (setNotifications, notificationTimeouts) { r
     notificationTimeouts.push(timeout);
 }; };
 
+/**
+ * prevent from duplicate invocation of channel.watch()
+ * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
+ */
+var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
+/**
+ * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
+ * @param client
+ * @param members
+ * @param type
+ * @param id
+ * @param channel
+ */
+var getChannel = function (_a) {
+    var channel = _a.channel, client = _a.client, id = _a.id, members = _a.members, type = _a.type;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var theChannel, originalCid, queryPromise;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!channel && !type) {
+                        throw new Error('Channel or channel type have to be provided to query a channel.');
+                    }
+                    theChannel = channel || client.channel(type, id, { members: members });
+                    originalCid = (theChannel === null || theChannel === void 0 ? void 0 : theChannel.id)
+                        ? theChannel.cid
+                        : members && members.length
+                            ? generateChannelTempCid(theChannel.type, members)
+                            : undefined;
+                    if (!originalCid) {
+                        throw new Error('Channel ID or channel members array have to be provided to query a channel.');
+                    }
+                    queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+                    if (!queryPromise) return [3 /*break*/, 2];
+                    return [4 /*yield*/, queryPromise];
+                case 1:
+                    _b.sent();
+                    return [3 /*break*/, 4];
+                case 2:
+                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch();
+                    return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid]];
+                case 3:
+                    _b.sent();
+                    delete WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+                    _b.label = 4;
+                case 4: return [2 /*return*/, theChannel];
+            }
+        });
+    });
+};
+// Channels created without ID need to be referenced by an identifier until the back-end generates the final ID.
+var generateChannelTempCid = function (channelType, members) {
+    if (!members)
+        return;
+    var membersStr = __spreadArray([], members, true).sort().join(',');
+    return "".concat(channelType, ":!members-").concat(membersStr);
+};
+
 var useChannelContainerClasses = function (_a) {
     var _b, _c, _d;
     var customClasses = _a.customClasses;
@@ -33120,22 +33183,40 @@ var ChannelInner = function (props) {
                 markRead();
         };
         (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var config, e_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var members, _i, _a, member, userId, _b, user, user_id, config, e_1;
+            var _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
                         if (!!channel.initialized) return [3 /*break*/, 4];
-                        _a.label = 1;
+                        _d.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, channel.watch()];
+                        _d.trys.push([1, 3, , 4]);
+                        members = [];
+                        if (!channel.id && ((_c = channel.data) === null || _c === void 0 ? void 0 : _c.members)) {
+                            for (_i = 0, _a = channel.data.members; _i < _a.length; _i++) {
+                                member = _a[_i];
+                                userId = void 0;
+                                if (typeof member === 'string') {
+                                    userId = member;
+                                }
+                                else if (typeof member === 'object') {
+                                    _b = member, user = _b.user, user_id = _b.user_id;
+                                    userId = user_id || (user === null || user === void 0 ? void 0 : user.id);
+                                }
+                                if (userId) {
+                                    members.push(userId);
+                                }
+                            }
+                        }
+                        return [4 /*yield*/, getChannel({ channel: channel, client: client, members: members })];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         config = channel.getConfig();
                         setChannelConfig(config);
                         return [3 /*break*/, 4];
                     case 3:
-                        e_1 = _a.sent();
+                        e_1 = _d.sent();
                         dispatch({ error: e_1, type: 'setError' });
                         errored = true;
                         return [3 /*break*/, 4];
@@ -33867,52 +33948,6 @@ var useChannelUpdatedListener = function (setChannels, customHandler, forceUpdat
     }, [customHandler]);
 };
 
-/**
- * prevent from duplicate invocation of channel.watch()
- * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
- */
-var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
-/**
- * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
- * @param client
- * @param type
- * @param id
- */
-var getChannel = function (client, type, id) { return __awaiter(void 0, void 0, void 0, function () {
-    var channel, queryPromise;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                channel = client.channel(type, id);
-                queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid];
-                if (!queryPromise) return [3 /*break*/, 2];
-                return [4 /*yield*/, queryPromise];
-            case 1:
-                _a.sent();
-                return [3 /*break*/, 4];
-            case 2:
-                WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = channel.watch();
-                return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid]];
-            case 3:
-                _a.sent();
-                WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = undefined;
-                _a.label = 4;
-            case 4: return [2 /*return*/, channel];
-        }
-    });
-}); };
-var MAX_QUERY_CHANNELS_LIMIT = 30;
-var moveChannelUp = function (_a) {
-    var activeChannel = _a.activeChannel, channels = _a.channels, cid = _a.cid;
-    // get index of channel to move up
-    var channelIndex = channels.findIndex(function (channel) { return channel.cid === cid; });
-    if (!activeChannel && channelIndex <= 0)
-        return channels;
-    // get channel to move up
-    var channel = activeChannel || channels[channelIndex];
-    return uniqBy__default["default"](__spreadArray([channel], channels, true), 'cid');
-};
-
 var useChannelVisibleListener = function (setChannels, customHandler) {
     var client = useChatContext('useChannelVisibleListener').client;
     React.useEffect(function () {
@@ -33926,7 +33961,11 @@ var useChannelVisibleListener = function (setChannels, customHandler) {
                         return [3 /*break*/, 3];
                     case 1:
                         if (!(event.type && event.channel_type && event.channel_id)) return [3 /*break*/, 3];
-                        return [4 /*yield*/, getChannel(client, event.channel_type, event.channel_id)];
+                        return [4 /*yield*/, getChannel({
+                                client: client,
+                                id: event.channel_id,
+                                type: event.channel_type,
+                            })];
                     case 2:
                         channel_1 = _a.sent();
                         setChannels(function (channels) { return uniqBy__default["default"](__spreadArray([channel_1], channels, true), 'cid'); });
@@ -33957,6 +33996,18 @@ var useConnectionRecoveredListener = function (forceUpdate) {
     }, []);
 };
 
+var MAX_QUERY_CHANNELS_LIMIT = 30;
+var moveChannelUp = function (_a) {
+    var activeChannel = _a.activeChannel, channels = _a.channels, cid = _a.cid;
+    // get index of channel to move up
+    var channelIndex = channels.findIndex(function (channel) { return channel.cid === cid; });
+    if (!activeChannel && channelIndex <= 0)
+        return channels;
+    // get channel to move up
+    var channel = activeChannel || channels[channelIndex];
+    return uniqBy__default["default"](__spreadArray([channel], channels, true), 'cid');
+};
+
 var useMessageNewListener = function (setChannels, lockChannelOrder, allowNewMessagesFromUnfilteredChannels) {
     if (lockChannelOrder === void 0) { lockChannelOrder = false; }
     if (allowNewMessagesFromUnfilteredChannels === void 0) { allowNewMessagesFromUnfilteredChannels = true; }
@@ -34004,20 +34055,32 @@ var useNotificationAddedToChannelListener = function (setChannels, customHandler
     React.useEffect(function () {
         var handleEvent = function (event) { return __awaiter(void 0, void 0, void 0, function () {
             var channel_1;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
                         if (!(customHandler && typeof customHandler === 'function')) return [3 /*break*/, 1];
                         customHandler(setChannels, event);
                         return [3 /*break*/, 3];
                     case 1:
                         if (!(allowNewMessagesFromUnfilteredChannels && ((_a = event.channel) === null || _a === void 0 ? void 0 : _a.type))) return [3 /*break*/, 3];
-                        return [4 /*yield*/, getChannel(client, event.channel.type, event.channel.id)];
+                        return [4 /*yield*/, getChannel({
+                                client: client,
+                                id: event.channel.id,
+                                members: (_b = event.channel.members) === null || _b === void 0 ? void 0 : _b.reduce(function (acc, _a) {
+                                    var user = _a.user, user_id = _a.user_id;
+                                    var userId = user_id || (user === null || user === void 0 ? void 0 : user.id);
+                                    if (userId) {
+                                        acc.push(userId);
+                                    }
+                                    return acc;
+                                }, []),
+                                type: event.channel.type,
+                            })];
                     case 2:
-                        channel_1 = _b.sent();
+                        channel_1 = _c.sent();
                         setChannels(function (channels) { return uniqBy__default["default"](__spreadArray([channel_1], channels, true), 'cid'); });
-                        _b.label = 3;
+                        _c.label = 3;
                     case 3: return [2 /*return*/];
                 }
             });
@@ -34044,7 +34107,11 @@ var useNotificationMessageNewListener = function (setChannels, customHandler, al
                         return [3 /*break*/, 3];
                     case 1:
                         if (!(allowNewMessagesFromUnfilteredChannels && ((_a = event.channel) === null || _a === void 0 ? void 0 : _a.type))) return [3 /*break*/, 3];
-                        return [4 /*yield*/, getChannel(client, event.channel.type, event.channel.id)];
+                        return [4 /*yield*/, getChannel({
+                                client: client,
+                                id: event.channel.id,
+                                type: event.channel.type,
+                            })];
                     case 2:
                         channel_1 = _b.sent();
                         setChannels(function (channels) { return uniqBy__default["default"](__spreadArray([channel_1], channels, true), 'cid'); });
@@ -34801,7 +34868,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.10.0';
+var version = '10.10.2';
 
 var useChat = function (_a) {
     var _b, _c;
@@ -36999,6 +37066,7 @@ exports.TypingProvider = TypingProvider;
 exports.UnMemoizedLoadMorePaginator = UnMemoizedLoadMorePaginator;
 exports.UnsupportedAttachment = UnsupportedAttachment;
 exports.UnsupportedAttachmentContainer = UnsupportedAttachmentContainer;
+exports.UploadButton = UploadButton;
 exports.UploadIcon = UploadIcon;
 exports.UploadsPreview = UploadsPreview;
 exports.UserItem = UserItem;