stream-chat-angular 4.47.3 → 4.49.0

package/assets/i18n/en.d.ts

@@ -22,7 +22,8 @@ export declare const en: {
         'Error removing message pin': string;
         'Error unmuting a user ...': string;
         'Error uploading file': string;
-        'Error uploading image': string;
+        'Error uploading file, maximum file size exceeded': string;
+        'Error uploading file, extension not supported': string;
         'Error deleting attachment': string;
         'Error \u00B7 Unsent': string;
         'Error: {{ errorMessage }}': string;

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.47.3";
+export declare const version = "4.49.0";

package/bundles/stream-chat-angular.umd.js

@@ -356,7 +356,7 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var version = '4.47.3';
+    var version = '4.49.0';
 
     /**
      * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -1036,8 +1036,8 @@
                     switch (_h.label) {
                         case 0:
                             this.filters = filters;
-                            this.options = Object.assign({ offset: 0, limit: 25, state: true, presence: true, watch: true, message_limit: this.messagePageSize }, options);
-                            this.sort = sort || { last_message_at: -1, updated_at: -1 };
+                            this.options = Object.assign({ limit: 25, state: true, presence: true, watch: true, message_limit: this.messagePageSize }, options);
+                            this.sort = sort || { last_message_at: -1 };
                             this.shouldSetActiveChannel = shouldSetActiveChannel;
                             this.clientEventsSubscription = this.chatClientService.events$.subscribe(function (notification) { return void _this.handleNotification(notification); });
                             _h.label = 1;
@@ -1081,9 +1081,7 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_h) {
                     switch (_h.label) {
-                        case 0:
-                            this.options.offset = this.channels.length;
-                            return [4 /*yield*/, this.queryChannels(false)];
+                        case 0: return [4 /*yield*/, this.queryChannels(false)];
                         case 1:
                             _h.sent();
                             return [2 /*return*/];
@@ -1276,6 +1274,7 @@
                         case 1:
                             uploadResults = _h.sent();
                             uploadResults.forEach(function (uploadResult, i) {
+                                var _a, _b, _c, _d, _e, _f, _g;
                                 var file = uploads[i].file;
                                 var type = uploads[i].type;
                                 if (uploadResult.status === 'fulfilled') {
@@ -1289,7 +1288,32 @@
                                     });
                                 }
                                 else {
-                                    result.push({ file: file, type: type, state: 'error' });
+                                    var reason = 'unknown';
+                                    var extraData = void 0;
+                                    /* eslint-disable-next-line @typescript-eslint/no-unsafe-assignment */
+                                    var message = 
+                                    /* eslint-disable-next-line @typescript-eslint/no-unsafe-member-access */
+                                    (_b = (_a = uploadResult.reason.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
+                                    /* eslint-disable-next-line @typescript-eslint/no-unsafe-assignment */
+                                    var code = 
+                                    /* eslint-disable-next-line @typescript-eslint/no-unsafe-member-access */
+                                    (_d = (_c = uploadResult.reason.response) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.code;
+                                    if (code === 22) {
+                                        reason = 'file-size';
+                                        extraData = { param: ((_e = /\d+MB/.exec(message || '')) === null || _e === void 0 ? void 0 : _e[0]) || '100MB' };
+                                    }
+                                    else if (code === 4 &&
+                                        ((_f = message === null || message === void 0 ? void 0 : message.toLowerCase()) === null || _f === void 0 ? void 0 : _f.includes('file extension'))) {
+                                        reason = 'file-extension';
+                                        extraData = { param: ((_g = /\.\w+/.exec(message)) === null || _g === void 0 ? void 0 : _g[0]) || '' };
+                                    }
+                                    result.push({
+                                        file: file,
+                                        type: type,
+                                        state: 'error',
+                                        errorReason: reason,
+                                        errorExtraInfo: extraData ? [extraData] : undefined,
+                                    });
                                 }
                             });
                             return [2 /*return*/, result];
@@ -1566,9 +1590,7 @@
                                     _h.label = 1;
                                 case 1:
                                     _h.trys.push([1, 3, , 4]);
-                                    if (this.options) {
-                                        this.options.offset = 0;
-                                    }
+                                    this.nextPageConfiguration = undefined;
                                     shoulSetActiveChannel = this.shouldSetActiveChannel &&
                                         !this.activeChannelSubject.getValue();
                                     return [4 /*yield*/, this.queryChannels(shoulSetActiveChannel || false, true)];
@@ -1811,6 +1833,26 @@
                 });
             });
         };
+        Object.defineProperty(ChannelService.prototype, "channels", {
+            /**
+             * The current list of channels
+             */
+            get: function () {
+                return this.channelsSubject.getValue() || [];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ChannelService.prototype, "activeChannel", {
+            /**
+             * The current active channel
+             */
+            get: function () {
+                return this.activeChannelSubject.getValue() || undefined;
+            },
+            enumerable: false,
+            configurable: true
+        });
         ChannelService.prototype.messageUpdated = function (event) {
             var _this = this;
             this.ngZone.run(function () {
@@ -1891,30 +1933,48 @@
             if (recoverState === void 0) { recoverState = false; }
             var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
-                var channels, prevChannels, currentActiveChannel_1, error_6;
+                var filters, options, channels, prevChannels_1, filteredChannels, currentActiveChannel_1, error_6;
                 var _this = this;
                 return __generator(this, function (_h) {
                     switch (_h.label) {
                         case 0:
                             _h.trys.push([0, 2, , 3]);
                             this.channelQueryStateSubject.next({ state: 'in-progress' });
-                            return [4 /*yield*/, this.chatClientService.chatClient.queryChannels(this.filters, this.sort || {}, this.options)];
+                            filters = void 0;
+                            options = void 0;
+                            if (this.nextPageConfiguration) {
+                                if (this.nextPageConfiguration.type === 'filter') {
+                                    filters = Object.assign(Object.assign({}, this.filters), this.nextPageConfiguration.paginationFilter);
+                                    options = this.options;
+                                }
+                                else {
+                                    options = Object.assign(Object.assign({}, this.options), { offset: this.nextPageConfiguration.offset });
+                                    filters = this.filters;
+                                }
+                            }
+                            else {
+                                filters = this.filters;
+                                options = this.options;
+                            }
+                            return [4 /*yield*/, this.chatClientService.chatClient.queryChannels(filters, this.sort || {}, options)];
                         case 1:
                             channels = _h.sent();
+                            this.setNextPageConfiguration(channels);
                             channels.forEach(function (c) { return _this.watchForChannelEvents(c); });
-                            prevChannels = recoverState
+                            prevChannels_1 = recoverState
                                 ? []
                                 : this.channelsSubject.getValue() || [];
-                            this.channelsSubject.next(__spreadArray(__spreadArray([], __read(prevChannels)), __read(channels)));
+                            filteredChannels = channels.filter(function (channel) { return !prevChannels_1.find(function (existingChannel) { return existingChannel.cid === channel.cid; }); });
+                            this.channelsSubject.next(__spreadArray(__spreadArray([], __read(prevChannels_1)), __read(filteredChannels)));
                             currentActiveChannel_1 = this.activeChannelSubject.getValue();
-                            if (channels.length > 0 &&
+                            if (filteredChannels.length > 0 &&
                                 !currentActiveChannel_1 &&
                                 shouldSetActiveChannel) {
-                                this.setAsActiveChannel(channels[0]);
+                                this.setAsActiveChannel(filteredChannels[0]);
                                 currentActiveChannel_1 = this.activeChannelSubject.getValue();
                             }
                             if (recoverState &&
-                                !channels.find(function (c) { return c.cid === (currentActiveChannel_1 === null || currentActiveChannel_1 === void 0 ? void 0 : currentActiveChannel_1.cid); })) {
+                                !filteredChannels.find(function (c) { return c.cid === (currentActiveChannel_1 === null || currentActiveChannel_1 === void 0 ? void 0 : currentActiveChannel_1.cid); })) {
                                 this.deselectActiveChannel();
                             }
                             this.hasMoreChannelsSubject.next(channels.length >= this.options.limit);
@@ -2082,13 +2142,6 @@
                 }
             }
         };
-        Object.defineProperty(ChannelService.prototype, "channels", {
-            get: function () {
-                return this.channelsSubject.getValue() || [];
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(ChannelService.prototype, "canSendReadEvents", {
             get: function () {
                 var _a;
@@ -2215,6 +2268,20 @@
                 void channel.markRead();
             }
         };
+        ChannelService.prototype.setNextPageConfiguration = function (channelQueryResult) {
+            var _a;
+            if (this.customPaginator) {
+                this.nextPageConfiguration = this.customPaginator(channelQueryResult);
+            }
+            else {
+                this.nextPageConfiguration = {
+                    type: 'offset',
+                    offset: (((_a = this.nextPageConfiguration) === null || _a === void 0 ? void 0 : _a.type) === 'offset'
+                        ? this.nextPageConfiguration.offset
+                        : 0) + channelQueryResult.length,
+                };
+            }
+        };
         return ChannelService;
     }());
     ChannelService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChannelService, deps: [{ token: ChatClientService }, { token: i0__namespace.NgZone }, { token: NotificationService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
@@ -2616,6 +2683,7 @@
                             result = _e.sent();
                             attachmentUploads = this.attachmentUploadsSubject.getValue();
                             result.forEach(function (r) {
+                                var _a, _b, _c, _d;
                                 var upload = attachmentUploads.find(function (upload) { return upload.file === r.file; });
                                 if (!upload) {
                                     if (r.url) {
@@ -2627,9 +2695,25 @@
                                 upload.url = r.url;
                                 upload.thumb_url = r.thumb_url;
                                 if (upload.state === 'error') {
-                                    _this.notificationService.addTemporaryNotification(upload.type === 'image'
-                                        ? 'streamChat.Error uploading image'
-                                        : 'streamChat.Error uploading file');
+                                    upload.errorReason = r.errorReason;
+                                    upload.errorExtraInfo = r.errorExtraInfo;
+                                    var errorKey = void 0;
+                                    var translateParams = { name: upload.file.name };
+                                    switch (upload.errorReason) {
+                                        case 'file-extension':
+                                            errorKey =
+                                                'streamChat.Error uploading file, extension not supported';
+                                            translateParams.ext = (_b = (_a = upload.errorExtraInfo) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.param;
+                                            break;
+                                        case 'file-size':
+                                            errorKey =
+                                                'streamChat.Error uploading file, maximum file size exceeded';
+                                            translateParams.limit = (_d = (_c = upload.errorExtraInfo) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.param;
+                                            break;
+                                        default:
+                                            errorKey = 'streamChat.Error uploading file';
+                                    }
+                                    _this.notificationService.addTemporaryNotification(errorKey, 'error', undefined, translateParams);
                                 }
                             });
                             this.attachmentUploadInProgressCounterSubject.next(this.attachmentUploadInProgressCounterSubject.getValue() - 1);
@@ -2839,8 +2923,9 @@
             'Error pinning message': 'Error pinning message',
             'Error removing message pin': 'Error removing message pin',
             'Error unmuting a user ...': 'Error unmuting a user ...',
-            'Error uploading file': 'Error uploading file',
-            'Error uploading image': 'Error uploading image',
+            'Error uploading file': 'Error uploading file "{{ name }}"',
+            'Error uploading file, maximum file size exceeded': 'Error uploading "{{ name }}", maximum file size {{ limit }} exceeded',
+            'Error uploading file, extension not supported': 'Error uploading "{{ name }}", extension {{ ext }} not supported',
             'Error deleting attachment': 'Error deleting attachment',
             'Error · Unsent': "Message couldn't be sent",
             'Error: {{ errorMessage }}': 'Error: {{ errorMessage }}',