stream-chat-angular 2.19.0 → 2.20.2

package/esm2015/lib/notification.service.js

@@ -11,40 +11,56 @@ export class NotificationService {
     }
     /**
      * Displays a notification for the given amount of time.
-     * @param text The text of the notification
+     * @param content The text of the notification or the HTML template for the notification
      * @param type The type of the notification
      * @param timeout The number of milliseconds while the notification should be visible
-     * @param translateParams Translation parameters for the `text`
+     * @param translateParams Translation parameters for the `content` (for text notifications)
+     * @param templateContext The input of the notification template (for HTML notifications)
      * @returns A method to clear the notification (before the timeout).
      */
-    addTemporaryNotification(text, type = 'error', timeout = 5000, translateParams) {
-        this.addNotification(text, type, translateParams);
-        const id = setTimeout(() => this.removeNotification(text), timeout);
-        return () => {
+    addTemporaryNotification(content, type = 'error', timeout = 5000, translateParams, templateContext) {
+        const notification = this.createNotification(content, type, translateParams, templateContext);
+        const id = setTimeout(() => this.removeNotification(notification.id), timeout);
+        notification.dismissFn = () => {
             clearTimeout(id);
-            this.removeNotification(text);
+            this.removeNotification(notification.id);
         };
+        this.notificationsSubject.next([
+            ...this.notificationsSubject.getValue(),
+            notification,
+        ]);
+        return notification.dismissFn;
     }
     /**
      * Displays a notification, that will be visible until it's removed.
-     * @param text The text of the notification
+     * @param content The text of the notification or the HTML template for the notification
      * @param type The type of the notification
-     * @param translateParams Translation parameters for the `text`
+     * @param translateParams Translation parameters for the `content` (for text notifications)
+     * @param templateContext The input of the notification template (for HTML notifications)
      * @returns A method to clear the notification.
      */
-    addPermanentNotification(text, type = 'error', translateParams) {
-        this.addNotification(text, type, translateParams);
-        return () => this.removeNotification(text);
-    }
-    addNotification(text, type, translateParams) {
+    addPermanentNotification(content, type = 'error', translateParams, templateContext) {
+        const notification = this.createNotification(content, type, translateParams, templateContext);
         this.notificationsSubject.next([
             ...this.notificationsSubject.getValue(),
-            { text, type, translateParams },
+            notification,
         ]);
+        return notification.dismissFn;
+    }
+    createNotification(content, type, translateParams, templateContext) {
+        const id = new Date().getTime().toString() + Math.random().toString();
+        return {
+            id,
+            [typeof content === 'string' ? 'text' : 'template']: content,
+            type,
+            translateParams,
+            templateContext,
+            dismissFn: () => this.removeNotification(id),
+        };
     }
-    removeNotification(text) {
+    removeNotification(id) {
         const notifications = this.notificationsSubject.getValue();
-        const index = notifications.findIndex((n) => n.text === text);
+        const index = notifications.findIndex((n) => n.id === id);
         if (index === -1) {
             return;
         }
@@ -60,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
                     providedIn: 'root',
                 }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sTUFBTSxDQUFDOztBQVVuRDs7R0FFRztBQUlILE1BQU0sT0FBTyxtQkFBbUI7SUFPOUI7UUFGUSx5QkFBb0IsR0FBRyxJQUFJLGVBQWUsQ0FBd0IsRUFBRSxDQUFDLENBQUM7UUFHNUUsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDakUsQ0FBQztJQUVEOzs7Ozs7O09BT0c7SUFDSCx3QkFBd0IsQ0FDdEIsSUFBWSxFQUNaLE9BQXlCLE9BQU8sRUFDaEMsVUFBa0IsSUFBSSxFQUN0QixlQUF3QjtRQUV4QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDbEQsTUFBTSxFQUFFLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUVwRSxPQUFPLEdBQUcsRUFBRTtZQUNWLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNqQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEMsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVEOzs7Ozs7T0FNRztJQUNILHdCQUF3QixDQUN0QixJQUFZLEVBQ1osT0FBeUIsT0FBTyxFQUNoQyxlQUF3QjtRQUV4QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFFbEQsT0FBTyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVPLGVBQWUsQ0FDckIsSUFBWSxFQUNaLElBQXNCLEVBQ3RCLGVBQXdCO1FBRXhCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUM7WUFDN0IsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsUUFBUSxFQUFFO1lBQ3ZDLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxlQUFlLEVBQUU7U0FDaEMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLGtCQUFrQixDQUFDLElBQVk7UUFDckMsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzNELE1BQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUM7UUFDOUQsSUFBSSxLQUFLLEtBQUssQ0FBQyxDQUFDLEVBQUU7WUFDaEIsT0FBTztTQUNSO1FBQ0QsYUFBYSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUNyRCxDQUFDOztnSEF0RVUsbUJBQW1CO29IQUFuQixtQkFBbUIsY0FGbEIsTUFBTTsyRkFFUCxtQkFBbUI7a0JBSC9CLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCB0eXBlIE5vdGlmaWNhdGlvblR5cGUgPSAnc3VjY2VzcycgfCAnZXJyb3InO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25QYXlsb2FkID0ge1xuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHRyYW5zbGF0ZVBhcmFtcz86IE9iamVjdDtcbn07XG5cbi8qKlxuICogVGhlIGBOb3RpZmljYXRpb25TZXJ2aWNlYCBjYW4gYmUgdXNlZCB0byBhZGQgb3IgcmVtb3ZlIG5vdGlmaWNhdGlvbnMuIEJ5IGRlZmF1bHQgdGhlIFtgTm90aWZpY2F0aW9uTGlzdGBdKC4uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uTGlzdENvbXBvbmVudC5tZHgpIGNvbXBvbmVudCBkaXNwbGF5cyB0aGUgY3VycmVudGx5IGFjdGl2ZSBub3RpZmljYXRpb25zLlxuICovXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uU2VydmljZSB7XG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgY3VycmVudGx5IGFjdGl2ZSBbbm90aWZpY2F0aW9uc10oaHR0cHM6Ly9naXRodWIuY29tL0dldFN0cmVhbS9zdHJlYW0tY2hhdC1hbmd1bGFyL2Jsb2IvbWFzdGVyL3Byb2plY3RzL3N0cmVhbS1jaGF0LWFuZ3VsYXIvc3JjL2xpYi9ub3RpZmljYXRpb24uc2VydmljZS50cykuXG4gICAqL1xuICBub3RpZmljYXRpb25zJDogT2JzZXJ2YWJsZTxOb3RpZmljYXRpb25QYXlsb2FkW10+O1xuICBwcml2YXRlIG5vdGlmaWNhdGlvbnNTdWJqZWN0ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxOb3RpZmljYXRpb25QYXlsb2FkW10+KFtdKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLm5vdGlmaWNhdGlvbnMkID0gdGhpcy5ub3RpZmljYXRpb25zU3ViamVjdC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEaXNwbGF5cyBhIG5vdGlmaWNhdGlvbiBmb3IgdGhlIGdpdmVuIGFtb3VudCBvZiB0aW1lLlxuICAgKiBAcGFyYW0gdGV4dCBUaGUgdGV4dCBvZiB0aGUgbm90aWZpY2F0aW9uXG4gICAqIEBwYXJhbSB0eXBlIFRoZSB0eXBlIG9mIHRoZSBub3RpZmljYXRpb25cbiAgICogQHBhcmFtIHRpbWVvdXQgVGhlIG51bWJlciBvZiBtaWxsaXNlY29uZHMgd2hpbGUgdGhlIG5vdGlmaWNhdGlvbiBzaG91bGQgYmUgdmlzaWJsZVxuICAgKiBAcGFyYW0gdHJhbnNsYXRlUGFyYW1zIFRyYW5zbGF0aW9uIHBhcmFtZXRlcnMgZm9yIHRoZSBgdGV4dGBcbiAgICogQHJldHVybnMgQSBtZXRob2QgdG8gY2xlYXIgdGhlIG5vdGlmaWNhdGlvbiAoYmVmb3JlIHRoZSB0aW1lb3V0KS5cbiAgICovXG4gIGFkZFRlbXBvcmFyeU5vdGlmaWNhdGlvbihcbiAgICB0ZXh0OiBzdHJpbmcsXG4gICAgdHlwZTogTm90aWZpY2F0aW9uVHlwZSA9ICdlcnJvcicsXG4gICAgdGltZW91dDogbnVtYmVyID0gNTAwMCxcbiAgICB0cmFuc2xhdGVQYXJhbXM/OiBPYmplY3RcbiAgKSB7XG4gICAgdGhpcy5hZGROb3RpZmljYXRpb24odGV4dCwgdHlwZSwgdHJhbnNsYXRlUGFyYW1zKTtcbiAgICBjb25zdCBpZCA9IHNldFRpbWVvdXQoKCkgPT4gdGhpcy5yZW1vdmVOb3RpZmljYXRpb24odGV4dCksIHRpbWVvdXQpO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGNsZWFyVGltZW91dChpZCk7XG4gICAgICB0aGlzLnJlbW92ZU5vdGlmaWNhdGlvbih0ZXh0KTtcbiAgICB9O1xuICB9XG5cbiAgLyoqXG4gICAqIERpc3BsYXlzIGEgbm90aWZpY2F0aW9uLCB0aGF0IHdpbGwgYmUgdmlzaWJsZSB1bnRpbCBpdCdzIHJlbW92ZWQuXG4gICAqIEBwYXJhbSB0ZXh0IFRoZSB0ZXh0IG9mIHRoZSBub3RpZmljYXRpb25cbiAgICogQHBhcmFtIHR5cGUgVGhlIHR5cGUgb2YgdGhlIG5vdGlmaWNhdGlvblxuICAgKiBAcGFyYW0gdHJhbnNsYXRlUGFyYW1zIFRyYW5zbGF0aW9uIHBhcmFtZXRlcnMgZm9yIHRoZSBgdGV4dGBcbiAgICogQHJldHVybnMgQSBtZXRob2QgdG8gY2xlYXIgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIGFkZFBlcm1hbmVudE5vdGlmaWNhdGlvbihcbiAgICB0ZXh0OiBzdHJpbmcsXG4gICAgdHlwZTogTm90aWZpY2F0aW9uVHlwZSA9ICdlcnJvcicsXG4gICAgdHJhbnNsYXRlUGFyYW1zPzogT2JqZWN0XG4gICkge1xuICAgIHRoaXMuYWRkTm90aWZpY2F0aW9uKHRleHQsIHR5cGUsIHRyYW5zbGF0ZVBhcmFtcyk7XG5cbiAgICByZXR1cm4gKCkgPT4gdGhpcy5yZW1vdmVOb3RpZmljYXRpb24odGV4dCk7XG4gIH1cblxuICBwcml2YXRlIGFkZE5vdGlmaWNhdGlvbihcbiAgICB0ZXh0OiBzdHJpbmcsXG4gICAgdHlwZTogTm90aWZpY2F0aW9uVHlwZSxcbiAgICB0cmFuc2xhdGVQYXJhbXM/OiBPYmplY3RcbiAgKSB7XG4gICAgdGhpcy5ub3RpZmljYXRpb25zU3ViamVjdC5uZXh0KFtcbiAgICAgIC4uLnRoaXMubm90aWZpY2F0aW9uc1N1YmplY3QuZ2V0VmFsdWUoKSxcbiAgICAgIHsgdGV4dCwgdHlwZSwgdHJhbnNsYXRlUGFyYW1zIH0sXG4gICAgXSk7XG4gIH1cblxuICBwcml2YXRlIHJlbW92ZU5vdGlmaWNhdGlvbih0ZXh0OiBzdHJpbmcpIHtcbiAgICBjb25zdCBub3RpZmljYXRpb25zID0gdGhpcy5ub3RpZmljYXRpb25zU3ViamVjdC5nZXRWYWx1ZSgpO1xuICAgIGNvbnN0IGluZGV4ID0gbm90aWZpY2F0aW9ucy5maW5kSW5kZXgoKG4pID0+IG4udGV4dCA9PT0gdGV4dCk7XG4gICAgaWYgKGluZGV4ID09PSAtMSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBub3RpZmljYXRpb25zLnNwbGljZShpbmRleCwgMSk7XG4gICAgdGhpcy5ub3RpZmljYXRpb25zU3ViamVjdC5uZXh0KFsuLi5ub3RpZmljYXRpb25zXSk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sTUFBTSxDQUFDOztBQUduRDs7R0FFRztBQUlILE1BQU0sT0FBTyxtQkFBbUI7SUFPOUI7UUFGUSx5QkFBb0IsR0FBRyxJQUFJLGVBQWUsQ0FBd0IsRUFBRSxDQUFDLENBQUM7UUFHNUUsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDakUsQ0FBQztJQUVEOzs7Ozs7OztPQVFHO0lBQ0gsd0JBQXdCLENBQ3RCLE9BQWdDLEVBQ2hDLE9BQXlCLE9BQU8sRUFDaEMsVUFBa0IsSUFBSSxFQUN0QixlQUF3QixFQUN4QixlQUFtQjtRQUVuQixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQzFDLE9BQU8sRUFDUCxJQUFJLEVBQ0osZUFBZSxFQUNmLGVBQWUsQ0FDaEIsQ0FBQztRQUNGLE1BQU0sRUFBRSxHQUFHLFVBQVUsQ0FDbkIsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUMsRUFDOUMsT0FBTyxDQUNSLENBQUM7UUFDRixZQUFZLENBQUMsU0FBUyxHQUFHLEdBQUcsRUFBRTtZQUM1QixZQUFZLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDakIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUMzQyxDQUFDLENBQUM7UUFDRixJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDO1lBQzdCLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsRUFBRTtZQUN2QyxZQUFZO1NBQ2IsQ0FBQyxDQUFDO1FBRUgsT0FBTyxZQUFZLENBQUMsU0FBUyxDQUFDO0lBQ2hDLENBQUM7SUFFRDs7Ozs7OztPQU9HO0lBQ0gsd0JBQXdCLENBTXRCLE9BQWdDLEVBQ2hDLE9BQXlCLE9BQU8sRUFDaEMsZUFBd0IsRUFDeEIsZUFBbUI7UUFFbkIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUMxQyxPQUFPLEVBQ1AsSUFBSSxFQUNKLGVBQWUsRUFDZixlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDO1lBQzdCLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsRUFBRTtZQUN2QyxZQUFZO1NBQ2IsQ0FBQyxDQUFDO1FBRUgsT0FBTyxZQUFZLENBQUMsU0FBUyxDQUFDO0lBQ2hDLENBQUM7SUFFTyxrQkFBa0IsQ0FDeEIsT0FBZ0MsRUFDaEMsSUFBc0IsRUFDdEIsZUFBd0IsRUFDeEIsZUFBbUI7UUFFbkIsTUFBTSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDdEUsT0FBTztZQUNMLEVBQUU7WUFDRixDQUFDLE9BQU8sT0FBTyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsRUFBRSxPQUFPO1lBQzVELElBQUk7WUFDSixlQUFlO1lBQ2YsZUFBZTtZQUNmLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsRUFBRSxDQUFDO1NBQzdDLENBQUM7SUFDSixDQUFDO0lBRU8sa0JBQWtCLENBQUMsRUFBVTtRQUNuQyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDM0QsTUFBTSxLQUFLLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUMxRCxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsRUFBRTtZQUNoQixPQUFPO1NBQ1I7UUFDRCxhQUFhLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ3JELENBQUM7O2dIQTNHVSxtQkFBbUI7b0hBQW5CLG1CQUFtQixjQUZsQixNQUFNOzJGQUVQLG1CQUFtQjtrQkFIL0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25QYXlsb2FkLCBOb3RpZmljYXRpb25UeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbi8qKlxuICogVGhlIGBOb3RpZmljYXRpb25TZXJ2aWNlYCBjYW4gYmUgdXNlZCB0byBhZGQgb3IgcmVtb3ZlIG5vdGlmaWNhdGlvbnMuIEJ5IGRlZmF1bHQgdGhlIFtgTm90aWZpY2F0aW9uTGlzdGBdKC4uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uTGlzdENvbXBvbmVudC5tZHgpIGNvbXBvbmVudCBkaXNwbGF5cyB0aGUgY3VycmVudGx5IGFjdGl2ZSBub3RpZmljYXRpb25zLlxuICovXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uU2VydmljZSB7XG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgY3VycmVudGx5IGFjdGl2ZSBbbm90aWZpY2F0aW9uc10oaHR0cHM6Ly9naXRodWIuY29tL0dldFN0cmVhbS9zdHJlYW0tY2hhdC1hbmd1bGFyL2Jsb2IvbWFzdGVyL3Byb2plY3RzL3N0cmVhbS1jaGF0LWFuZ3VsYXIvc3JjL2xpYi9ub3RpZmljYXRpb24uc2VydmljZS50cykuXG4gICAqL1xuICBub3RpZmljYXRpb25zJDogT2JzZXJ2YWJsZTxOb3RpZmljYXRpb25QYXlsb2FkW10+O1xuICBwcml2YXRlIG5vdGlmaWNhdGlvbnNTdWJqZWN0ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxOb3RpZmljYXRpb25QYXlsb2FkW10+KFtdKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLm5vdGlmaWNhdGlvbnMkID0gdGhpcy5ub3RpZmljYXRpb25zU3ViamVjdC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEaXNwbGF5cyBhIG5vdGlmaWNhdGlvbiBmb3IgdGhlIGdpdmVuIGFtb3VudCBvZiB0aW1lLlxuICAgKiBAcGFyYW0gY29udGVudCBUaGUgdGV4dCBvZiB0aGUgbm90aWZpY2F0aW9uIG9yIHRoZSBIVE1MIHRlbXBsYXRlIGZvciB0aGUgbm90aWZpY2F0aW9uXG4gICAqIEBwYXJhbSB0eXBlIFRoZSB0eXBlIG9mIHRoZSBub3RpZmljYXRpb25cbiAgICogQHBhcmFtIHRpbWVvdXQgVGhlIG51bWJlciBvZiBtaWxsaXNlY29uZHMgd2hpbGUgdGhlIG5vdGlmaWNhdGlvbiBzaG91bGQgYmUgdmlzaWJsZVxuICAgKiBAcGFyYW0gdHJhbnNsYXRlUGFyYW1zIFRyYW5zbGF0aW9uIHBhcmFtZXRlcnMgZm9yIHRoZSBgY29udGVudGAgKGZvciB0ZXh0IG5vdGlmaWNhdGlvbnMpXG4gICAqIEBwYXJhbSB0ZW1wbGF0ZUNvbnRleHQgVGhlIGlucHV0IG9mIHRoZSBub3RpZmljYXRpb24gdGVtcGxhdGUgKGZvciBIVE1MIG5vdGlmaWNhdGlvbnMpXG4gICAqIEByZXR1cm5zIEEgbWV0aG9kIHRvIGNsZWFyIHRoZSBub3RpZmljYXRpb24gKGJlZm9yZSB0aGUgdGltZW91dCkuXG4gICAqL1xuICBhZGRUZW1wb3JhcnlOb3RpZmljYXRpb248VD4oXG4gICAgY29udGVudDogc3RyaW5nIHwgVGVtcGxhdGVSZWY8VD4sXG4gICAgdHlwZTogTm90aWZpY2F0aW9uVHlwZSA9ICdlcnJvcicsXG4gICAgdGltZW91dDogbnVtYmVyID0gNTAwMCxcbiAgICB0cmFuc2xhdGVQYXJhbXM/OiBPYmplY3QsXG4gICAgdGVtcGxhdGVDb250ZXh0PzogVFxuICApIHtcbiAgICBjb25zdCBub3RpZmljYXRpb24gPSB0aGlzLmNyZWF0ZU5vdGlmaWNhdGlvbjxUPihcbiAgICAgIGNvbnRlbnQsXG4gICAgICB0eXBlLFxuICAgICAgdHJhbnNsYXRlUGFyYW1zLFxuICAgICAgdGVtcGxhdGVDb250ZXh0XG4gICAgKTtcbiAgICBjb25zdCBpZCA9IHNldFRpbWVvdXQoXG4gICAgICAoKSA9PiB0aGlzLnJlbW92ZU5vdGlmaWNhdGlvbihub3RpZmljYXRpb24uaWQpLFxuICAgICAgdGltZW91dFxuICAgICk7XG4gICAgbm90aWZpY2F0aW9uLmRpc21pc3NGbiA9ICgpID0+IHtcbiAgICAgIGNsZWFyVGltZW91dChpZCk7XG4gICAgICB0aGlzLnJlbW92ZU5vdGlmaWNhdGlvbihub3RpZmljYXRpb24uaWQpO1xuICAgIH07XG4gICAgdGhpcy5ub3RpZmljYXRpb25zU3ViamVjdC5uZXh0KFtcbiAgICAgIC4uLnRoaXMubm90aWZpY2F0aW9uc1N1YmplY3QuZ2V0VmFsdWUoKSxcbiAgICAgIG5vdGlmaWNhdGlvbixcbiAgICBdKTtcblxuICAgIHJldHVybiBub3RpZmljYXRpb24uZGlzbWlzc0ZuO1xuICB9XG5cbiAgLyoqXG4gICAqIERpc3BsYXlzIGEgbm90aWZpY2F0aW9uLCB0aGF0IHdpbGwgYmUgdmlzaWJsZSB1bnRpbCBpdCdzIHJlbW92ZWQuXG4gICAqIEBwYXJhbSBjb250ZW50IFRoZSB0ZXh0IG9mIHRoZSBub3RpZmljYXRpb24gb3IgdGhlIEhUTUwgdGVtcGxhdGUgZm9yIHRoZSBub3RpZmljYXRpb25cbiAgICogQHBhcmFtIHR5cGUgVGhlIHR5cGUgb2YgdGhlIG5vdGlmaWNhdGlvblxuICAgKiBAcGFyYW0gdHJhbnNsYXRlUGFyYW1zIFRyYW5zbGF0aW9uIHBhcmFtZXRlcnMgZm9yIHRoZSBgY29udGVudGAgKGZvciB0ZXh0IG5vdGlmaWNhdGlvbnMpXG4gICAqIEBwYXJhbSB0ZW1wbGF0ZUNvbnRleHQgVGhlIGlucHV0IG9mIHRoZSBub3RpZmljYXRpb24gdGVtcGxhdGUgKGZvciBIVE1MIG5vdGlmaWNhdGlvbnMpXG4gICAqIEByZXR1cm5zIEEgbWV0aG9kIHRvIGNsZWFyIHRoZSBub3RpZmljYXRpb24uXG4gICAqL1xuICBhZGRQZXJtYW5lbnROb3RpZmljYXRpb248XG4gICAgVCA9IHtcbiAgICAgIFtrZXk6IHN0cmluZ106IGFueTtcbiAgICAgIGRpc21pc3NGbjogKCkgPT4ge307XG4gICAgfVxuICA+KFxuICAgIGNvbnRlbnQ6IHN0cmluZyB8IFRlbXBsYXRlUmVmPFQ+LFxuICAgIHR5cGU6IE5vdGlmaWNhdGlvblR5cGUgPSAnZXJyb3InLFxuICAgIHRyYW5zbGF0ZVBhcmFtcz86IE9iamVjdCxcbiAgICB0ZW1wbGF0ZUNvbnRleHQ/OiBUXG4gICkge1xuICAgIGNvbnN0IG5vdGlmaWNhdGlvbiA9IHRoaXMuY3JlYXRlTm90aWZpY2F0aW9uPFQ+KFxuICAgICAgY29udGVudCxcbiAgICAgIHR5cGUsXG4gICAgICB0cmFuc2xhdGVQYXJhbXMsXG4gICAgICB0ZW1wbGF0ZUNvbnRleHRcbiAgICApO1xuICAgIHRoaXMubm90aWZpY2F0aW9uc1N1YmplY3QubmV4dChbXG4gICAgICAuLi50aGlzLm5vdGlmaWNhdGlvbnNTdWJqZWN0LmdldFZhbHVlKCksXG4gICAgICBub3RpZmljYXRpb24sXG4gICAgXSk7XG5cbiAgICByZXR1cm4gbm90aWZpY2F0aW9uLmRpc21pc3NGbjtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlTm90aWZpY2F0aW9uPFQ+KFxuICAgIGNvbnRlbnQ6IHN0cmluZyB8IFRlbXBsYXRlUmVmPFQ+LFxuICAgIHR5cGU6IE5vdGlmaWNhdGlvblR5cGUsXG4gICAgdHJhbnNsYXRlUGFyYW1zPzogT2JqZWN0LFxuICAgIHRlbXBsYXRlQ29udGV4dD86IFRcbiAgKSB7XG4gICAgY29uc3QgaWQgPSBuZXcgRGF0ZSgpLmdldFRpbWUoKS50b1N0cmluZygpICsgTWF0aC5yYW5kb20oKS50b1N0cmluZygpO1xuICAgIHJldHVybiB7XG4gICAgICBpZCxcbiAgICAgIFt0eXBlb2YgY29udGVudCA9PT0gJ3N0cmluZycgPyAndGV4dCcgOiAndGVtcGxhdGUnXTogY29udGVudCxcbiAgICAgIHR5cGUsXG4gICAgICB0cmFuc2xhdGVQYXJhbXMsXG4gICAgICB0ZW1wbGF0ZUNvbnRleHQsXG4gICAgICBkaXNtaXNzRm46ICgpID0+IHRoaXMucmVtb3ZlTm90aWZpY2F0aW9uKGlkKSxcbiAgICB9O1xuICB9XG5cbiAgcHJpdmF0ZSByZW1vdmVOb3RpZmljYXRpb24oaWQ6IHN0cmluZykge1xuICAgIGNvbnN0IG5vdGlmaWNhdGlvbnMgPSB0aGlzLm5vdGlmaWNhdGlvbnNTdWJqZWN0LmdldFZhbHVlKCk7XG4gICAgY29uc3QgaW5kZXggPSBub3RpZmljYXRpb25zLmZpbmRJbmRleCgobikgPT4gbi5pZCA9PT0gaWQpO1xuICAgIGlmIChpbmRleCA9PT0gLTEpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgbm90aWZpY2F0aW9ucy5zcGxpY2UoaW5kZXgsIDEpO1xuICAgIHRoaXMubm90aWZpY2F0aW9uc1N1YmplY3QubmV4dChbLi4ubm90aWZpY2F0aW9uc10pO1xuICB9XG59XG4iXX0=

package/esm2015/lib/types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtcbiAgQXR0YWNobWVudCxcbiAgQ2hhbm5lbE1lbWJlclJlc3BvbnNlLFxuICBDb21tYW5kUmVzcG9uc2UsXG4gIEV2ZW50LFxuICBGb3JtYXRNZXNzYWdlUmVzcG9uc2UsXG4gIExpdGVyYWxTdHJpbmdGb3JVbmlvbixcbiAgTXV0ZSxcbiAgVXNlclJlc3BvbnNlLFxufSBmcm9tICdzdHJlYW0tY2hhdCc7XG5cbmV4cG9ydCB0eXBlIFVua25vd25UeXBlID0gUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG5cbmV4cG9ydCB0eXBlIEN1c3RvbVRyaWdnZXIgPSB7XG4gIFtrZXk6IHN0cmluZ106IHtcbiAgICBjb21wb25lbnRQcm9wczogVW5rbm93blR5cGU7XG4gICAgZGF0YTogVW5rbm93blR5cGU7XG4gIH07XG59O1xuXG5leHBvcnQgdHlwZSBEZWZhdWx0QXR0YWNobWVudFR5cGUgPSBVbmtub3duVHlwZSAmIHtcbiAgYXNzZXRfdXJsPzogc3RyaW5nO1xuICBpZD86IHN0cmluZztcbiAgaW1hZ2VzPzogQXJyYXk8QXR0YWNobWVudDxEZWZhdWx0QXR0YWNobWVudFR5cGU+PjtcbiAgbWltZV90eXBlPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdENoYW5uZWxUeXBlID0gVW5rbm93blR5cGUgJiB7XG4gIGltYWdlPzogc3RyaW5nO1xuICBtZW1iZXJfY291bnQ/OiBudW1iZXI7XG4gIHN1YnRpdGxlPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdENvbW1hbmRUeXBlID0gTGl0ZXJhbFN0cmluZ0ZvclVuaW9uO1xuXG5leHBvcnQgdHlwZSBEZWZhdWx0RXZlbnRUeXBlID0gVW5rbm93blR5cGU7XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRNZXNzYWdlVHlwZSA9IFVua25vd25UeXBlICYge1xuICBjdXN0b21UeXBlPzogJ2NoYW5uZWwuaW50cm8nIHwgJ21lc3NhZ2UuZGF0ZSc7XG4gIGRhdGU/OiBzdHJpbmcgfCBEYXRlO1xuICBlcnJvclN0YXR1c0NvZGU/OiBudW1iZXI7XG4gIGV2ZW50PzogRXZlbnQ8XG4gICAgRGVmYXVsdEF0dGFjaG1lbnRUeXBlLFxuICAgIERlZmF1bHRDaGFubmVsVHlwZSxcbiAgICBEZWZhdWx0Q29tbWFuZFR5cGUsXG4gICAgRGVmYXVsdEV2ZW50VHlwZSxcbiAgICBEZWZhdWx0TWVzc2FnZVR5cGUsXG4gICAgRGVmYXVsdFJlYWN0aW9uVHlwZSxcbiAgICBEZWZhdWx0VXNlclR5cGVcbiAgPjtcbiAgdW5yZWFkPzogYm9vbGVhbjtcbiAgcmVhZEJ5OiBVc2VyUmVzcG9uc2U8RGVmYXVsdFVzZXJUeXBlPltdO1xufTtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdFJlYWN0aW9uVHlwZSA9IFVua25vd25UeXBlO1xuXG5leHBvcnQgdHlwZSBEZWZhdWx0VXNlclR5cGVJbnRlcm5hbCA9IHtcbiAgaW1hZ2U/OiBzdHJpbmc7XG4gIHN0YXR1cz86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRVc2VyVHlwZTxcbiAgVXNlclR5cGUgZXh0ZW5kcyBEZWZhdWx0VXNlclR5cGVJbnRlcm5hbCA9IERlZmF1bHRVc2VyVHlwZUludGVybmFsXG4+ID0gVW5rbm93blR5cGUgJlxuICBEZWZhdWx0VXNlclR5cGVJbnRlcm5hbCAmIHtcbiAgICBtdXRlcz86IEFycmF5PE11dGU8VXNlclR5cGU+PjtcbiAgfTtcblxuZXhwb3J0IHR5cGUgU3RyZWFtTWVzc2FnZTxcbiAgQXQgZXh0ZW5kcyBEZWZhdWx0QXR0YWNobWVudFR5cGUgPSBEZWZhdWx0QXR0YWNobWVudFR5cGUsXG4gIENoIGV4dGVuZHMgRGVmYXVsdENoYW5uZWxUeXBlID0gRGVmYXVsdENoYW5uZWxUeXBlLFxuICBDbyBleHRlbmRzIERlZmF1bHRDb21tYW5kVHlwZSA9IERlZmF1bHRDb21tYW5kVHlwZSxcbiAgTWUgZXh0ZW5kcyBEZWZhdWx0TWVzc2FnZVR5cGUgPSBEZWZhdWx0TWVzc2FnZVR5cGUsXG4gIFJlIGV4dGVuZHMgRGVmYXVsdFJlYWN0aW9uVHlwZSA9IERlZmF1bHRSZWFjdGlvblR5cGUsXG4gIFVzIGV4dGVuZHMgRGVmYXVsdFVzZXJUeXBlPFVzPiA9IERlZmF1bHRVc2VyVHlwZVxuPiA9IEZvcm1hdE1lc3NhZ2VSZXNwb25zZTxBdCwgQ2gsIENvLCBNZSwgUmUsIFVzPjtcblxuZXhwb3J0IHR5cGUgQXR0YWNobWVudFVwbG9hZCA9IHtcbiAgZmlsZTogRmlsZTtcbiAgc3RhdGU6ICdlcnJvcicgfCAnc3VjY2VzcycgfCAndXBsb2FkaW5nJztcbiAgdXJsPzogc3RyaW5nO1xuICB0eXBlOiAnaW1hZ2UnIHwgJ2ZpbGUnO1xuICBwcmV2aWV3VXJpPzogc3RyaW5nIHwgQXJyYXlCdWZmZXI7XG59O1xuXG5leHBvcnQgdHlwZSBNZW50aW9uQXV0Y29tcGxldGVMaXN0SXRlbUNvbnRleHQgPSB7XG4gIGl0ZW06IE1lbnRpb25BdXRjb21wbGV0ZUxpc3RJdGVtO1xufTtcblxuZXhwb3J0IHR5cGUgQ29tbWFuZEF1dG9jb21wbGV0ZUxpc3RJdGVtQ29udGV4dCA9IHtcbiAgaXRlbTogQ29tYW5kQXV0b2NvbXBsZXRlTGlzdEl0ZW07XG59O1xuXG5leHBvcnQgdHlwZSBNZW50aW9uQXV0Y29tcGxldGVMaXN0SXRlbSA9IChcbiAgfCBDaGFubmVsTWVtYmVyUmVzcG9uc2VcbiAgfCBVc2VyUmVzcG9uc2VcbikgJiB7XG4gIGF1dG9jb21wbGV0ZUxhYmVsOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDb21hbmRBdXRvY29tcGxldGVMaXN0SXRlbSA9IENvbW1hbmRSZXNwb25zZSAmIHtcbiAgYXV0b2NvbXBsZXRlTGFiZWw6IHN0cmluZztcbn07XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7XG4gIEF0dGFjaG1lbnQsXG4gIENoYW5uZWxNZW1iZXJSZXNwb25zZSxcbiAgQ29tbWFuZFJlc3BvbnNlLFxuICBFdmVudCxcbiAgRm9ybWF0TWVzc2FnZVJlc3BvbnNlLFxuICBMaXRlcmFsU3RyaW5nRm9yVW5pb24sXG4gIE11dGUsXG4gIFVzZXJSZXNwb25zZSxcbn0gZnJvbSAnc3RyZWFtLWNoYXQnO1xuXG5leHBvcnQgdHlwZSBVbmtub3duVHlwZSA9IFJlY29yZDxzdHJpbmcsIHVua25vd24+O1xuXG5leHBvcnQgdHlwZSBDdXN0b21UcmlnZ2VyID0ge1xuICBba2V5OiBzdHJpbmddOiB7XG4gICAgY29tcG9uZW50UHJvcHM6IFVua25vd25UeXBlO1xuICAgIGRhdGE6IFVua25vd25UeXBlO1xuICB9O1xufTtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdEF0dGFjaG1lbnRUeXBlID0gVW5rbm93blR5cGUgJiB7XG4gIGFzc2V0X3VybD86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG4gIGltYWdlcz86IEFycmF5PEF0dGFjaG1lbnQ8RGVmYXVsdEF0dGFjaG1lbnRUeXBlPj47XG4gIG1pbWVfdHlwZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRDaGFubmVsVHlwZSA9IFVua25vd25UeXBlICYge1xuICBpbWFnZT86IHN0cmluZztcbiAgbWVtYmVyX2NvdW50PzogbnVtYmVyO1xuICBzdWJ0aXRsZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRDb21tYW5kVHlwZSA9IExpdGVyYWxTdHJpbmdGb3JVbmlvbjtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdEV2ZW50VHlwZSA9IFVua25vd25UeXBlO1xuXG5leHBvcnQgdHlwZSBEZWZhdWx0TWVzc2FnZVR5cGUgPSBVbmtub3duVHlwZSAmIHtcbiAgY3VzdG9tVHlwZT86ICdjaGFubmVsLmludHJvJyB8ICdtZXNzYWdlLmRhdGUnO1xuICBkYXRlPzogc3RyaW5nIHwgRGF0ZTtcbiAgZXJyb3JTdGF0dXNDb2RlPzogbnVtYmVyO1xuICBldmVudD86IEV2ZW50PFxuICAgIERlZmF1bHRBdHRhY2htZW50VHlwZSxcbiAgICBEZWZhdWx0Q2hhbm5lbFR5cGUsXG4gICAgRGVmYXVsdENvbW1hbmRUeXBlLFxuICAgIERlZmF1bHRFdmVudFR5cGUsXG4gICAgRGVmYXVsdE1lc3NhZ2VUeXBlLFxuICAgIERlZmF1bHRSZWFjdGlvblR5cGUsXG4gICAgRGVmYXVsdFVzZXJUeXBlXG4gID47XG4gIHVucmVhZD86IGJvb2xlYW47XG4gIHJlYWRCeTogVXNlclJlc3BvbnNlPERlZmF1bHRVc2VyVHlwZT5bXTtcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRSZWFjdGlvblR5cGUgPSBVbmtub3duVHlwZTtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdFVzZXJUeXBlSW50ZXJuYWwgPSB7XG4gIGltYWdlPzogc3RyaW5nO1xuICBzdGF0dXM/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBEZWZhdWx0VXNlclR5cGU8XG4gIFVzZXJUeXBlIGV4dGVuZHMgRGVmYXVsdFVzZXJUeXBlSW50ZXJuYWwgPSBEZWZhdWx0VXNlclR5cGVJbnRlcm5hbFxuPiA9IFVua25vd25UeXBlICZcbiAgRGVmYXVsdFVzZXJUeXBlSW50ZXJuYWwgJiB7XG4gICAgbXV0ZXM/OiBBcnJheTxNdXRlPFVzZXJUeXBlPj47XG4gIH07XG5cbmV4cG9ydCB0eXBlIFN0cmVhbU1lc3NhZ2U8XG4gIEF0IGV4dGVuZHMgRGVmYXVsdEF0dGFjaG1lbnRUeXBlID0gRGVmYXVsdEF0dGFjaG1lbnRUeXBlLFxuICBDaCBleHRlbmRzIERlZmF1bHRDaGFubmVsVHlwZSA9IERlZmF1bHRDaGFubmVsVHlwZSxcbiAgQ28gZXh0ZW5kcyBEZWZhdWx0Q29tbWFuZFR5cGUgPSBEZWZhdWx0Q29tbWFuZFR5cGUsXG4gIE1lIGV4dGVuZHMgRGVmYXVsdE1lc3NhZ2VUeXBlID0gRGVmYXVsdE1lc3NhZ2VUeXBlLFxuICBSZSBleHRlbmRzIERlZmF1bHRSZWFjdGlvblR5cGUgPSBEZWZhdWx0UmVhY3Rpb25UeXBlLFxuICBVcyBleHRlbmRzIERlZmF1bHRVc2VyVHlwZTxVcz4gPSBEZWZhdWx0VXNlclR5cGVcbj4gPSBGb3JtYXRNZXNzYWdlUmVzcG9uc2U8QXQsIENoLCBDbywgTWUsIFJlLCBVcz47XG5cbmV4cG9ydCB0eXBlIEF0dGFjaG1lbnRVcGxvYWQgPSB7XG4gIGZpbGU6IEZpbGU7XG4gIHN0YXRlOiAnZXJyb3InIHwgJ3N1Y2Nlc3MnIHwgJ3VwbG9hZGluZyc7XG4gIHVybD86IHN0cmluZztcbiAgdHlwZTogJ2ltYWdlJyB8ICdmaWxlJztcbiAgcHJldmlld1VyaT86IHN0cmluZyB8IEFycmF5QnVmZmVyO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudGlvbkF1dGNvbXBsZXRlTGlzdEl0ZW1Db250ZXh0ID0ge1xuICBpdGVtOiBNZW50aW9uQXV0Y29tcGxldGVMaXN0SXRlbTtcbn07XG5cbmV4cG9ydCB0eXBlIENvbW1hbmRBdXRvY29tcGxldGVMaXN0SXRlbUNvbnRleHQgPSB7XG4gIGl0ZW06IENvbWFuZEF1dG9jb21wbGV0ZUxpc3RJdGVtO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudGlvbkF1dGNvbXBsZXRlTGlzdEl0ZW0gPSAoXG4gIHwgQ2hhbm5lbE1lbWJlclJlc3BvbnNlXG4gIHwgVXNlclJlc3BvbnNlXG4pICYge1xuICBhdXRvY29tcGxldGVMYWJlbDogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgQ29tYW5kQXV0b2NvbXBsZXRlTGlzdEl0ZW0gPSBDb21tYW5kUmVzcG9uc2UgJiB7XG4gIGF1dG9jb21wbGV0ZUxhYmVsOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25UeXBlID0gJ3N1Y2Nlc3MnIHwgJ2Vycm9yJyB8ICdpbmZvJztcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUGF5bG9hZDxUID0ge30+ID0ge1xuICBpZDogc3RyaW5nO1xuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlO1xuICB0ZXh0Pzogc3RyaW5nO1xuICB0cmFuc2xhdGVQYXJhbXM/OiBPYmplY3Q7XG4gIHRlbXBsYXRlPzogVGVtcGxhdGVSZWY8VD47XG4gIHRlbXBsYXRlQ29udGV4dD86IFQ7XG4gIGRpc21pc3NGbjogRnVuY3Rpb247XG59O1xuIl19

package/fesm2015/stream-chat-angular.js

@@ -17,7 +17,7 @@ import transliterate from '@stream-io/transliterate';
 import * as i6$1 from 'angular-mentions';
 import { MentionModule } from 'angular-mentions';
 
-const version = '2.19.0';
+const version = '2.20.2';
 
 /**
  * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -29,40 +29,56 @@ class NotificationService {
     }
     /**
      * Displays a notification for the given amount of time.
-     * @param text The text of the notification
+     * @param content The text of the notification or the HTML template for the notification
      * @param type The type of the notification
      * @param timeout The number of milliseconds while the notification should be visible
-     * @param translateParams Translation parameters for the `text`
+     * @param translateParams Translation parameters for the `content` (for text notifications)
+     * @param templateContext The input of the notification template (for HTML notifications)
      * @returns A method to clear the notification (before the timeout).
      */
-    addTemporaryNotification(text, type = 'error', timeout = 5000, translateParams) {
-        this.addNotification(text, type, translateParams);
-        const id = setTimeout(() => this.removeNotification(text), timeout);
-        return () => {
+    addTemporaryNotification(content, type = 'error', timeout = 5000, translateParams, templateContext) {
+        const notification = this.createNotification(content, type, translateParams, templateContext);
+        const id = setTimeout(() => this.removeNotification(notification.id), timeout);
+        notification.dismissFn = () => {
             clearTimeout(id);
-            this.removeNotification(text);
+            this.removeNotification(notification.id);
         };
+        this.notificationsSubject.next([
+            ...this.notificationsSubject.getValue(),
+            notification,
+        ]);
+        return notification.dismissFn;
     }
     /**
      * Displays a notification, that will be visible until it's removed.
-     * @param text The text of the notification
+     * @param content The text of the notification or the HTML template for the notification
      * @param type The type of the notification
-     * @param translateParams Translation parameters for the `text`
+     * @param translateParams Translation parameters for the `content` (for text notifications)
+     * @param templateContext The input of the notification template (for HTML notifications)
      * @returns A method to clear the notification.
      */
-    addPermanentNotification(text, type = 'error', translateParams) {
-        this.addNotification(text, type, translateParams);
-        return () => this.removeNotification(text);
-    }
-    addNotification(text, type, translateParams) {
+    addPermanentNotification(content, type = 'error', translateParams, templateContext) {
+        const notification = this.createNotification(content, type, translateParams, templateContext);
         this.notificationsSubject.next([
             ...this.notificationsSubject.getValue(),
-            { text, type, translateParams },
+            notification,
         ]);
+        return notification.dismissFn;
+    }
+    createNotification(content, type, translateParams, templateContext) {
+        const id = new Date().getTime().toString() + Math.random().toString();
+        return {
+            id,
+            [typeof content === 'string' ? 'text' : 'template']: content,
+            type,
+            translateParams,
+            templateContext,
+            dismissFn: () => this.removeNotification(id),
+        };
     }
-    removeNotification(text) {
+    removeNotification(id) {
         const notifications = this.notificationsSubject.getValue();
-        const index = notifications.findIndex((n) => n.text === text);
+        const index = notifications.findIndex((n) => n.id === id);
         if (index === -1) {
             return;
         }
@@ -89,9 +105,11 @@ class ChatClientService {
         this.notificationSubject = new ReplaySubject(1);
         this.connectionStateSubject = new ReplaySubject(1);
         this.appSettingsSubject = new BehaviorSubject(undefined);
+        this.pendingInvitesSubject = new BehaviorSubject([]);
         this.notification$ = this.notificationSubject.asObservable();
         this.connectionState$ = this.connectionStateSubject.asObservable();
         this.appSettings$ = this.appSettingsSubject.asObservable();
+        this.pendingInvites$ = this.pendingInvitesSubject.asObservable();
     }
     /**
      * Creates a [`StreamChat`](https://github.com/GetStream/stream-chat-js/blob/668b3e5521339f4e14fc657834531b4c8bf8176b/src/client.ts#L124) instance using the provided `apiKey`, and connects a user with the given meta data and token. More info about [connecting users](https://getstream.io/chat/docs/javascript/init_and_users/?language=javascript) can be found in the platform documentation.
@@ -100,16 +118,20 @@ class ChatClientService {
      * @param userTokenOrProvider
      */
     init(apiKey, userOrId, userTokenOrProvider) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             this.chatClient = StreamChat.getInstance(apiKey);
+            this.chatClient.devToken;
             yield this.ngZone.runOutsideAngular(() => __awaiter(this, void 0, void 0, function* () {
                 const user = typeof userOrId === 'string' ? { id: userOrId } : userOrId;
                 yield this.chatClient.connectUser(user, userTokenOrProvider);
                 this.chatClient.setUserAgent(`stream-chat-angular-${version}-${this.chatClient.getUserAgent()}`);
-                this.chatClient.getAppSettings;
             }));
+            const channels = yield this.chatClient.queryChannels({ invite: 'pending' }, {}, { user_id: (_a = this.chatClient.user) === null || _a === void 0 ? void 0 : _a.id });
+            this.pendingInvitesSubject.next(channels);
             this.appSettingsSubject.next(undefined);
             this.chatClient.on((e) => {
+                this.updatePendingInvites(e);
                 this.notificationSubject.next({
                     eventType: e.type,
                     event: e,
@@ -138,6 +160,7 @@ class ChatClientService {
      */
     disconnectUser() {
         return __awaiter(this, void 0, void 0, function* () {
+            this.pendingInvitesSubject.next([]);
             yield this.chatClient.disconnectUser();
         });
     }
@@ -182,6 +205,23 @@ class ChatClientService {
             return result.users;
         });
     }
+    updatePendingInvites(e) {
+        var _a, _b, _c;
+        if (((_b = (_a = e.member) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.id) === ((_c = this.chatClient.user) === null || _c === void 0 ? void 0 : _c.id) && e.channel) {
+            const pendingInvites = this.pendingInvitesSubject.getValue();
+            if (e.type === 'notification.invited') {
+                this.pendingInvitesSubject.next([...pendingInvites, e.channel]);
+            }
+            else if (e.type === 'notification.invite_accepted' ||
+                e.type === 'notification.invite_rejected') {
+                const index = pendingInvites.findIndex((i) => { var _a; return (i === null || i === void 0 ? void 0 : i.cid) === ((_a = e.channel) === null || _a === void 0 ? void 0 : _a.cid); });
+                if (index !== -1) {
+                    pendingInvites.splice(index, 1);
+                    this.pendingInvitesSubject.next([...pendingInvites]);
+                }
+            }
+        }
+    }
 }
 ChatClientService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: ChatClientService, deps: [{ token: i0.NgZone }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Injectable });
 ChatClientService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: ChatClientService, providedIn: 'root' });
@@ -244,7 +284,14 @@ class ChannelService {
         this.usersTypingInChannelSubject = new BehaviorSubject([]);
         this.usersTypingInThreadSubject = new BehaviorSubject([]);
         this.channelListSetter = (channels) => {
-            this.channelsSubject.next(channels);
+            const currentChannels = this.channelsSubject.getValue() || [];
+            const newChannels = channels.filter((c) => !currentChannels.find((channel) => channel.cid === c.cid));
+            const deletedChannels = currentChannels.filter((c) => !(channels === null || channels === void 0 ? void 0 : channels.find((channel) => channel.cid === c.cid)));
+            this.addChannelsFromNotification(newChannels);
+            this.removeChannelsFromChannelList(deletedChannels.map((c) => c.cid));
+            if (!newChannels.length && !deletedChannels.length) {
+                this.channelsSubject.next(channels);
+            }
         };
         this.messageListSetter = (messages) => {
             this.activeChannelMessagesSubject.next(messages);
@@ -641,75 +688,80 @@ class ChannelService {
         });
     }
     handleNotification(notification) {
-        return __awaiter(this, void 0, void 0, function* () {
-            switch (notification.eventType) {
-                case 'notification.message_new': {
-                    yield this.ngZone.run(() => __awaiter(this, void 0, void 0, function* () {
-                        if (this.customNewMessageNotificationHandler) {
-                            this.customNewMessageNotificationHandler(notification, this.channelListSetter);
-                        }
-                        else {
-                            yield this.handleNewMessageNotification(notification);
-                        }
-                    }));
-                    break;
-                }
-                case 'notification.added_to_channel': {
-                    yield this.ngZone.run(() => __awaiter(this, void 0, void 0, function* () {
-                        if (this.customAddedToChannelNotificationHandler) {
-                            this.customAddedToChannelNotificationHandler(notification, this.channelListSetter);
-                        }
-                        else {
-                            yield this.handleAddedToChannelNotification(notification);
-                        }
-                    }));
-                    break;
-                }
-                case 'notification.removed_from_channel': {
-                    this.ngZone.run(() => {
-                        if (this.customRemovedFromChannelNotificationHandler) {
-                            this.customRemovedFromChannelNotificationHandler(notification, this.channelListSetter);
-                        }
-                        else {
-                            this.handleRemovedFromChannelNotification(notification);
-                        }
-                    });
-                }
+        switch (notification.eventType) {
+            case 'notification.message_new': {
+                this.ngZone.run(() => {
+                    if (this.customNewMessageNotificationHandler) {
+                        this.customNewMessageNotificationHandler(notification, this.channelListSetter);
+                    }
+                    else {
+                        this.handleNewMessageNotification(notification);
+                    }
+                });
+                break;
             }
-        });
+            case 'notification.added_to_channel': {
+                this.ngZone.run(() => {
+                    if (this.customAddedToChannelNotificationHandler) {
+                        this.customAddedToChannelNotificationHandler(notification, this.channelListSetter);
+                    }
+                    else {
+                        this.handleAddedToChannelNotification(notification);
+                    }
+                });
+                break;
+            }
+            case 'notification.removed_from_channel': {
+                this.ngZone.run(() => {
+                    if (this.customRemovedFromChannelNotificationHandler) {
+                        this.customRemovedFromChannelNotificationHandler(notification, this.channelListSetter);
+                    }
+                    else {
+                        this.handleRemovedFromChannelNotification(notification);
+                    }
+                });
+            }
+        }
     }
     handleRemovedFromChannelNotification(notification) {
         const channelIdToBeRemoved = notification.event.channel.cid;
-        this.removeFromChannelList(channelIdToBeRemoved);
+        this.removeChannelsFromChannelList([channelIdToBeRemoved]);
     }
     handleNewMessageNotification(notification) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.addChannelFromNotification(notification);
-        });
+        if (notification.event.channel) {
+            this.addChannelsFromNotification([notification.event.channel]);
+        }
     }
     handleAddedToChannelNotification(notification) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.addChannelFromNotification(notification);
-        });
+        if (notification.event.channel) {
+            this.addChannelsFromNotification([notification.event.channel]);
+        }
     }
-    addChannelFromNotification(notification) {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function* () {
-            const channel = this.chatClientService.chatClient.channel((_a = notification.event.channel) === null || _a === void 0 ? void 0 : _a.type, (_b = notification.event.channel) === null || _b === void 0 ? void 0 : _b.id);
-            yield channel.watch();
+    addChannelsFromNotification(channelResponses) {
+        const newChannels = [];
+        channelResponses.forEach((channelResponse) => {
+            const channel = this.chatClientService.chatClient.channel(channelResponse.type, channelResponse.id);
+            void channel.watch();
             this.watchForChannelEvents(channel);
-            this.channelsSubject.next([
-                channel,
-                ...(this.channelsSubject.getValue() || []),
-            ]);
+            newChannels.push(channel);
         });
+        this.channelsSubject.next([
+            ...newChannels,
+            ...(this.channelsSubject.getValue() || []),
+        ]);
     }
-    removeFromChannelList(cid) {
-        const channels = this.channels.filter((c) => c.cid !== cid);
+    removeChannelsFromChannelList(cids) {
+        var _a;
+        const channels = this.channels.filter((c) => !cids.includes(c.cid || ''));
         if (channels.length < this.channels.length) {
             this.channelsSubject.next(channels);
-            if (this.activeChannelSubject.getValue().cid === cid) {
-                this.setAsActiveChannel(channels[0]);
+            if (cids.includes(((_a = this.activeChannelSubject.getValue()) === null || _a === void 0 ? void 0 : _a.cid) || '')) {
+                if (channels.length > 0) {
+                    this.setAsActiveChannel(channels[0]);
+                }
+                else {
+                    this.activeChannelSubject.next(undefined);
+                }
             }
         }
     }
@@ -927,10 +979,10 @@ class ChannelService {
         this.channelsSubject.next([channel, ...this.channels]);
     }
     handleChannelHidden(event) {
-        this.removeFromChannelList(event.channel.cid);
+        this.removeChannelsFromChannelList([event.channel.cid]);
     }
     handleChannelDeleted(event) {
-        this.removeFromChannelList(event.channel.cid);
+        this.removeChannelsFromChannelList([event.channel.cid]);
     }
     handleChannelVisible(event, channel) {
         if (!this.channels.find((c) => c.cid === event.cid)) {
@@ -2354,12 +2406,15 @@ class NotificationListComponent {
         this.notificationService = notificationService;
         this.notifications$ = this.notificationService.notifications$;
     }
-    trackByItem(_, item) {
-        return item;
+    trackById(_, item) {
+        return item.id;
+    }
+    getTemplateContext(notification) {
+        return Object.assign(Object.assign({}, notification.templateContext), { dismissFn: notification.dismissFn });
     }
 }
 NotificationListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NotificationListComponent, deps: [{ token: NotificationService }], target: i0.ɵɵFactoryTarget.Component });
-NotificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: NotificationListComponent, selector: "stream-notification-list", ngImport: i0, template: "<div class=\"str-chat__list-notifications\">\n  <stream-notification\n    *ngFor=\"let notification of notifications$ | async; trackBy: trackByItem\"\n    [type]=\"notification.type\"\n    ><div data-testclass=\"notification-content\">\n      {{ notification.text | translate: notification.translateParams }}\n    </div></stream-notification\n  >\n</div>\n", components: [{ type: NotificationComponent, selector: "stream-notification", inputs: ["type"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe, "translate": i2.TranslatePipe } });
+NotificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: NotificationListComponent, selector: "stream-notification-list", ngImport: i0, template: "<div class=\"str-chat__list-notifications\">\n  <stream-notification\n    *ngFor=\"let notification of notifications$ | async; trackBy: trackById\"\n    [type]=\"notification.type\"\n  >\n    <div\n      *ngIf=\"notification.text !== undefined\"\n      data-testclass=\"notification-content\"\n    >\n      {{ notification.text | translate: notification.translateParams }}\n    </div>\n    <ng-container *ngIf=\"notification.template !== undefined\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          notification.template;\n          context: getTemplateContext(notification)\n        \"\n      ></ng-container>\n    </ng-container>\n  </stream-notification>\n</div>\n", components: [{ type: NotificationComponent, selector: "stream-notification", inputs: ["type"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i6.AsyncPipe, "translate": i2.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NotificationListComponent, decorators: [{
             type: Component,
             args: [{
@@ -2660,7 +2715,7 @@ class ChannelHeaderComponent {
     }
 }
 ChannelHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: ChannelHeaderComponent, deps: [{ token: ChannelService }, { token: ChannelListToggleService }], target: i0.ɵɵFactoryTarget.Component });
-ChannelHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: ChannelHeaderComponent, selector: "stream-channel-header", ngImport: i0, template: "<div class=\"str-chat__header-livestream\">\n  <div\n    class=\"str-chat__header-hamburger\"\n    (click)=\"toggleMenu($event)\"\n    (keyup.enter)=\"toggleMenu($event)\"\n  >\n    <stream-icon icon=\"menu\"></stream-icon>\n  </div>\n  <stream-avatar\n    imageUrl=\"{{ activeChannel?.data?.image }}\"\n    name=\"{{ activeChannel?.data?.name }}\"\n  ></stream-avatar>\n  <div class=\"str-chat__header-livestream-left\">\n    <p data-testid=\"name\" class=\"str-chat__header-livestream-left--title\">\n      {{ activeChannel?.data?.name }}\n    </p>\n    <p data-testid=\"info\" class=\"str-chat__header-livestream-left--members\">\n      {{'streamChat.{{ memberCount }} members' | translate:memberCountParam}}\n      {{canReceiveConnectEvents ? ('streamChat.{{ watcherCount }} online' |\n      translate:watcherCountParam) : ''}}\n    </p>\n  </div>\n</div>\n", components: [{ type: IconComponent, selector: "stream-icon", inputs: ["icon", "size"] }, { type: AvatarComponent, selector: "stream-avatar", inputs: ["name", "imageUrl", "size"] }], pipes: { "translate": i2.TranslatePipe } });
+ChannelHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: ChannelHeaderComponent, selector: "stream-channel-header", inputs: { channelActionsTemplate: "channelActionsTemplate" }, ngImport: i0, template: "<div class=\"str-chat__header-livestream\">\n  <div\n    class=\"str-chat__header-hamburger\"\n    (click)=\"toggleMenu($event)\"\n    (keyup.enter)=\"toggleMenu($event)\"\n  >\n    <stream-icon icon=\"menu\"></stream-icon>\n  </div>\n  <stream-avatar\n    imageUrl=\"{{ activeChannel?.data?.image }}\"\n    name=\"{{ activeChannel?.data?.name }}\"\n  ></stream-avatar>\n  <div class=\"str-chat__header-livestream-left\">\n    <p data-testid=\"name\" class=\"str-chat__header-livestream-left--title\">\n      {{ activeChannel?.data?.name }}\n    </p>\n    <p data-testid=\"info\" class=\"str-chat__header-livestream-left--members\">\n      {{'streamChat.{{ memberCount }} members' | translate:memberCountParam}}\n      {{canReceiveConnectEvents ? ('streamChat.{{ watcherCount }} online' |\n      translate:watcherCountParam) : ''}}\n    </p>\n  </div>\n  <ng-container *ngIf=\"channelActionsTemplate\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        channelActionsTemplate;\n        context: { channel: activeChannel }\n      \"\n    ></ng-container>\n  </ng-container>\n</div>\n", components: [{ type: IconComponent, selector: "stream-icon", inputs: ["icon", "size"] }, { type: AvatarComponent, selector: "stream-avatar", inputs: ["name", "imageUrl", "size"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i2.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: ChannelHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -2668,7 +2723,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
                     templateUrl: './channel-header.component.html',
                     styles: [],
                 }]
-        }], ctorParameters: function () { return [{ type: ChannelService }, { type: ChannelListToggleService }]; } });
+        }], ctorParameters: function () { return [{ type: ChannelService }, { type: ChannelListToggleService }]; }, propDecorators: { channelActionsTemplate: [{
+                type: Input
+            }] } });
 
 /**
  * The `ChannelPreview` component displays a channel preview in the channel list, it consists of the image, name and latest message of the channel.
@@ -3124,7 +3181,12 @@ class MessageComponent {
                 this.message.mentioned_users.length === 0) {
                 // Wrap emojis in span to display emojis correctly in Chrome https://bugs.chromium.org/p/chromium/issues/detail?id=596223
                 const regex = new RegExp(emojiRegex(), 'g');
-                content = content.replace(regex, (match) => `<span class="str-chat__emoji-display-fix">${match}</span>`);
+                // Based on this: https://stackoverflow.com/questions/4565112/javascript-how-to-find-out-if-the-user-browser-is-chrome
+                /* eslint-disable @typescript-eslint/no-unsafe-member-access */
+                const isChrome = !!window.chrome &&
+                    typeof window.opr === 'undefined';
+                /* eslint-enable @typescript-eslint/no-unsafe-member-access */
+                content = content.replace(regex, (match) => `<span ${isChrome ? 'class="str-chat__emoji-display-fix"' : ''}>${match}</span>`);
                 this.messageTextParts = [{ content, type: 'text' }];
             }
             else {
@@ -3767,7 +3829,7 @@ class MessageListComponent {
     }
 }
 MessageListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: MessageListComponent, deps: [{ token: ChannelService }, { token: ChatClientService }, { token: ImageLoadService }], target: i0.ɵɵFactoryTarget.Component });
-MessageListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: MessageListComponent, selector: "stream-message-list", inputs: { messageTemplate: "messageTemplate", messageInputTemplate: "messageInputTemplate", mentionTemplate: "mentionTemplate", typingIndicatorTemplate: "typingIndicatorTemplate", areReactionsEnabled: "areReactionsEnabled", enabledMessageActionsInput: ["enabledMessageActions", "enabledMessageActionsInput"], mode: "mode" }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "parentMessageElement", first: true, predicate: ["parentMessageElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #scrollContainer\n  data-testid=\"scroll-container\"\n  class=\"str-chat__list\"\n  (scroll)=\"scrolled()\"\n>\n  <div class=\"str-chat__reverse-infinite-scroll\">\n    <ul class=\"str-chat__ul\">\n      <li\n        #parentMessageElement\n        *ngIf=\"mode === 'thread'\"\n        data-testid=\"parent-message\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            messageTemplateContainer;\n            context: { message: parentMessage }\n          \"\n        ></ng-container>\n        <div class=\"str-chat__thread-start\" translate>\n          streamChat.Start of a new thread\n        </div>\n      </li>\n      <li\n        data-testclass=\"message\"\n        *ngFor=\"\n          let message of messages$ | async;\n          let i = index;\n          trackBy: trackByMessageId\n        \"\n        class=\"str-chat__li str-chat__li--{{ groupStyles[i] }}\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            messageTemplateContainer;\n            context: { message: message }\n          \"\n        ></ng-container>\n      </li>\n    </ul>\n    <ng-container *ngIf=\"typingIndicatorTemplate; else defaultTypingIndicator\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          typingIndicatorTemplate;\n          context: { usersTyping$: usersTyping$ }\n        \"\n      ></ng-container>\n    </ng-container>\n    <ng-template #defaultTypingIndicator>\n      <div\n        *ngIf=\"(usersTyping$ | async)?.length\"\n        data-testid=\"typing-indicator\"\n        class=\"str-chat__typing-indicator str-chat__typing-indicator--typing\"\n      >\n        <stream-avatar\n          *ngFor=\"let user of usersTyping$ | async; trackBy: trackByUserId\"\n          [name]=\"user.name || user.id\"\n          [imageUrl]=\"user.image\"\n        ></stream-avatar>\n        <div class=\"str-chat__typing-indicator__dots\">\n          <span class=\"str-chat__typing-indicator__dot\"></span>\n          <span class=\"str-chat__typing-indicator__dot\"></span>\n          <span class=\"str-chat__typing-indicator__dot\"></span>\n        </div>\n      </div>\n    </ng-template>\n  </div>\n</div>\n<div class=\"str-chat__list-notifications\">\n  <button\n    data-testid=\"scroll-to-bottom\"\n    *ngIf=\"isUserScrolledUp\"\n    class=\"\n      str-chat__message-notification\n      str-chat__message-notification-right\n      str-chat__message-notification-scroll-down\n    \"\n    (keyup.enter)=\"scrollToBottom()\"\n    (click)=\"scrollToBottom()\"\n  >\n    <div\n      *ngIf=\"unreadMessageCount > 0\"\n      class=\"\n        str-chat__message-notification\n        str-chat__message-notification-scroll-down-unread-count\n      \"\n    >\n      {{ unreadMessageCount }}\n    </div>\n  </button>\n</div>\n\n<ng-template #messageTemplateContainer let-message=\"message\">\n  <ng-container *ngIf=\"messageTemplate; else defaultMessageTemplate\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        messageTemplate;\n        context: {\n          message: message,\n          areReactionsEnabled: areReactionsEnabled,\n          canReactToMessage: canReactToMessage,\n          lastSentMessageId: !!(\n            lastSentMessageId && message?.id === lastSentMessageId\n          ),\n          canReceiveReadEvents: canReceiveReadEvents,\n          messageInputTemplate: messageInputTemplate,\n          mentionTemplate: mentionTemplate,\n          mode: mode\n        }\n      \"\n    ></ng-container>\n  </ng-container>\n  <ng-template #defaultMessageTemplate>\n    <stream-message\n      [message]=\"message\"\n      [areReactionsEnabled]=\"areReactionsEnabled\"\n      [canReactToMessage]=\"canReactToMessage\"\n      [isLastSentMessage]=\"\n        !!(lastSentMessageId && message?.id === lastSentMessageId)\n      \"\n      [enabledMessageActions]=\"enabledMessageActions\"\n      [canReceiveReadEvents]=\"canReceiveReadEvents\"\n      [messageInputTemplate]=\"messageInputTemplate\"\n      [mentionTemplate]=\"mentionTemplate\"\n      [mode]=\"mode\"\n    ></stream-message>\n  </ng-template>\n</ng-template>\n", components: [{ type: AvatarComponent, selector: "stream-avatar", inputs: ["name", "imageUrl", "size"] }, { type: MessageComponent, selector: "stream-message", inputs: ["messageInputTemplate", "mentionTemplate", "message", "enabledMessageActions", "areReactionsEnabled", "canReactToMessage", "isLastSentMessage", "canReceiveReadEvents", "mode"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe } });
+MessageListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: MessageListComponent, selector: "stream-message-list", inputs: { messageTemplate: "messageTemplate", messageInputTemplate: "messageInputTemplate", mentionTemplate: "mentionTemplate", typingIndicatorTemplate: "typingIndicatorTemplate", areReactionsEnabled: "areReactionsEnabled", enabledMessageActionsInput: ["enabledMessageActions", "enabledMessageActionsInput"], mode: "mode" }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "parentMessageElement", first: true, predicate: ["parentMessageElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #scrollContainer\n  data-testid=\"scroll-container\"\n  class=\"str-chat__list\"\n  (scroll)=\"scrolled()\"\n>\n  <div class=\"str-chat__reverse-infinite-scroll\">\n    <ul class=\"str-chat__ul\">\n      <li\n        #parentMessageElement\n        *ngIf=\"mode === 'thread'\"\n        data-testid=\"parent-message\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            messageTemplateContainer;\n            context: { message: parentMessage }\n          \"\n        ></ng-container>\n        <div class=\"str-chat__thread-start\" translate>\n          streamChat.Start of a new thread\n        </div>\n      </li>\n      <li\n        data-testclass=\"message\"\n        *ngFor=\"\n          let message of messages$ | async;\n          let i = index;\n          trackBy: trackByMessageId\n        \"\n        class=\"str-chat__li str-chat__li--{{ groupStyles[i] }}\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            messageTemplateContainer;\n            context: { message: message }\n          \"\n        ></ng-container>\n      </li>\n    </ul>\n    <ng-container *ngIf=\"typingIndicatorTemplate; else defaultTypingIndicator\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          typingIndicatorTemplate;\n          context: { usersTyping$: usersTyping$ }\n        \"\n      ></ng-container>\n    </ng-container>\n    <ng-template #defaultTypingIndicator>\n      <div\n        *ngIf=\"(usersTyping$ | async)?.length\"\n        data-testid=\"typing-indicator\"\n        class=\"str-chat__typing-indicator str-chat__typing-indicator--typing\"\n      >\n        <stream-avatar\n          *ngFor=\"let user of usersTyping$ | async; trackBy: trackByUserId\"\n          [name]=\"user.name || user.id\"\n          [imageUrl]=\"user.image\"\n        ></stream-avatar>\n        <div class=\"str-chat__typing-indicator__dots\">\n          <span class=\"str-chat__typing-indicator__dot\"></span>\n          <span class=\"str-chat__typing-indicator__dot\"></span>\n          <span class=\"str-chat__typing-indicator__dot\"></span>\n        </div>\n      </div>\n    </ng-template>\n  </div>\n</div>\n<div class=\"str-chat__list-notifications\">\n  <button\n    data-testid=\"scroll-to-bottom\"\n    *ngIf=\"isUserScrolledUp\"\n    class=\"\n      str-chat__message-notification\n      str-chat__message-notification-right\n      str-chat__message-notification-scroll-down\n    \"\n    (keyup.enter)=\"scrollToBottom()\"\n    (click)=\"scrollToBottom()\"\n  >\n    <div\n      *ngIf=\"unreadMessageCount > 0\"\n      class=\"\n        str-chat__message-notification\n        str-chat__message-notification-scroll-down-unread-count\n      \"\n    >\n      {{ unreadMessageCount }}\n    </div>\n  </button>\n</div>\n\n<ng-template #messageTemplateContainer let-message=\"message\">\n  <ng-container *ngIf=\"messageTemplate; else defaultMessageTemplate\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        messageTemplate;\n        context: {\n          message: message,\n          areReactionsEnabled: areReactionsEnabled,\n          canReactToMessage: canReactToMessage,\n          lastSentMessageId: !!(\n            lastSentMessageId && message?.id === lastSentMessageId\n          ),\n          canReceiveReadEvents: canReceiveReadEvents,\n          messageInputTemplate: messageInputTemplate,\n          mentionTemplate: mentionTemplate,\n          mode: mode,\n          enabledMessageActions: enabledMessageActions\n        }\n      \"\n    ></ng-container>\n  </ng-container>\n  <ng-template #defaultMessageTemplate>\n    <stream-message\n      [message]=\"message\"\n      [areReactionsEnabled]=\"areReactionsEnabled\"\n      [canReactToMessage]=\"canReactToMessage\"\n      [isLastSentMessage]=\"\n        !!(lastSentMessageId && message?.id === lastSentMessageId)\n      \"\n      [enabledMessageActions]=\"enabledMessageActions\"\n      [canReceiveReadEvents]=\"canReceiveReadEvents\"\n      [messageInputTemplate]=\"messageInputTemplate\"\n      [mentionTemplate]=\"mentionTemplate\"\n      [mode]=\"mode\"\n    ></stream-message>\n  </ng-template>\n</ng-template>\n", components: [{ type: AvatarComponent, selector: "stream-avatar", inputs: ["name", "imageUrl", "size"] }, { type: MessageComponent, selector: "stream-message", inputs: ["messageInputTemplate", "mentionTemplate", "message", "enabledMessageActions", "areReactionsEnabled", "canReactToMessage", "isLastSentMessage", "canReceiveReadEvents", "mode"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: MessageListComponent, decorators: [{
             type: Component,
             args: [{