@banta/sdk 4.4.3 → 4.4.6

package/bundles/banta-sdk.umd.js

@@ -125,7 +125,9 @@
         function LightboxComponent() {
         }
         LightboxComponent.prototype.ngAfterViewInit = function () {
-            document.body.appendChild(this.containerElement.nativeElement);
+            if (typeof window !== 'undefined') {
+                document.body.appendChild(this.containerElement.nativeElement);
+            }
         };
         LightboxComponent.prototype.ngOnDestroy = function () {
             this.containerElement.nativeElement.remove();
@@ -314,7 +316,7 @@
     BantaAttachmentComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'banta-attachment',
-                    template: "<button type=\"button\" (click)=\"remove()\" mat-mini-fab color=\"primary\" class=\"remove-button\" *ngIf=\"editing\">\r\n    <mat-icon>close</mat-icon>\r\n</button>\r\n\r\n<ng-container *ngIf=\"isError\">\r\n    <mat-icon class=\"error\">close</mat-icon>\r\n    <em class=\"error\">{{theErrorMessage}}</em>\r\n</ng-container>\r\n<ng-container *ngIf=\"!isError\">\r\n    <ng-container *ngIf=\"isLoading\">\r\n        <mat-spinner></mat-spinner>\r\n        <em>{{loadingMessage}}</em>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <iframe *ngIf=\"hasFrame\"\r\n            sandbox=\"allow-scripts allow-popups allow-same-origin allow-presentation\" \r\n            [src]=\"frameUrl | trustResourceUrl\"></iframe>\r\n        <a *ngIf=\"attachment.type === 'card'\" class=\"card\" [href]=\"attachment.url\" target=\"_blank\" [class.has-image]=\"attachment.card.image\">\r\n            <img \r\n                *ngIf=\"attachment.card.image\"\r\n                class=\"thumbnail\" \r\n                [src]=\"attachment.card.image\"\r\n                />\r\n            <div class=\"description\">\r\n                <h1>{{attachment.card.title}}</h1>\r\n                <div>\r\n                    {{attachment.card.description}}\r\n                </div>\r\n                <cite>{{attachment.card.url}}</cite>\r\n            </div>\r\n        </a>\r\n        <a class=\"image-attachment\" *ngIf=\"isImageAttachment\" href=\"javascript:;\" (click)=\"activate()\">\r\n            <img [src]=\"attachment.url\" alt=\"Image Attachment\">\r\n        </a>\r\n        <blockquote *ngIf=\"attachment.type === 'tweet'\" \r\n            class=\"twitter-tweet\">\r\n                <p lang=\"en\" dir=\"ltr\"></p>\r\n                <a href=\"https://twitter.com/seldo/status/1562553608083714050?ref_src=twsrc%5Etfw\"></a>\r\n        </blockquote>\r\n    </ng-container>\r\n</ng-container>",
+                    template: "<button type=\"button\" (click)=\"remove()\" mat-mini-fab color=\"primary\" class=\"remove-button\" *ngIf=\"editing\">\r\n    <mat-icon>close</mat-icon>\r\n</button>\r\n\r\n<ng-container *ngIf=\"isError\">\r\n    <mat-icon class=\"error\">close</mat-icon>\r\n    <em class=\"error\">{{theErrorMessage}}</em>\r\n</ng-container>\r\n<ng-container *ngIf=\"!isError\">\r\n    <ng-container *ngIf=\"isLoading\">\r\n        <mat-spinner></mat-spinner>\r\n        <em>{{loadingMessage}}</em>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <iframe *ngIf=\"hasFrame\"\r\n            sandbox=\"allow-scripts allow-popups allow-same-origin allow-presentation\" \r\n            [src]=\"frameUrl | trustResourceUrl\"></iframe>\r\n        <a *ngIf=\"attachment.type === 'card'\" class=\"card\" [href]=\"attachment.url\" target=\"_blank\" [class.has-image]=\"attachment.card.image\">\r\n            <img \r\n                *ngIf=\"attachment.card.image\"\r\n                class=\"thumbnail\" \r\n                [src]=\"attachment.card.image\"\r\n                />\r\n            <div class=\"description\">\r\n                <h1>{{attachment.card.title}}</h1>\r\n                <div>\r\n                    {{attachment.card.description}}\r\n                </div>\r\n                <cite>{{attachment.card.url}}</cite>\r\n            </div>\r\n        </a>\r\n        <a class=\"image-attachment\" *ngIf=\"isImageAttachment\" href=\"javascript:;\" (click)=\"activate()\">\r\n            <img [src]=\"attachment.url\" alt=\"Image Attachment\">\r\n        </a>\r\n        <blockquote *ngIf=\"attachment.type === 'tweet'\" \r\n            class=\"twitter-tweet\">\r\n                <p lang=\"en\" dir=\"ltr\"></p>\r\n                <a [href]=\"attachment.url\"></a>\r\n        </blockquote>\r\n    </ng-container>\r\n</ng-container>",
                     styles: [":host{position:relative;display:block}:host.loading{outline:1px solid #333;padding:1em 0;width:300px;text-align:center}:host.loading mat-spinner{display:block;margin:0 auto .5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a.card{display:flex;align-items:flex-start;gap:1em;width:100%;border:1px solid #666;border-radius:4px;padding:1em;box-sizing:border-box;background-color:#191919;margin:1em 0}a.card img{width:250px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:10px}a.card.has-image h1{font-size:22px}a.card h1{min-width:0;margin:0 0 .5em;font-size:26px}a.card cite{min-width:0;opacity:.75;margin-top:1em;display:block;font-size:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}a.card .description{min-width:0}.remove-button{position:absolute;right:10px;top:10px;margin:0;z-index:1}a.image-attachment{width:300px;position:relative;text-align:center}a.image-attachment.with-border{outline:1px solid #333;padding:1em 0}a.image-attachment mat-spinner{display:block;margin:0 auto .5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a.image-attachment mat-icon.error{display:block;font-size:48px;width:48px;height:48px;margin:0 auto .5em}a.image-attachment .error{color:#b76363}a.image-attachment img{width:300px;border-radius:10px;max-width:100%;max-height:20em;-o-object-fit:cover;object-fit:cover}iframe{border:none;width:100%;aspect-ratio:16/9}"]
                 },] }
     ];
@@ -8247,7 +8249,7 @@
                                 user: null,
                                 sentAt: Date.now(),
                                 likes: 0,
-                                url: location.href,
+                                url: typeof window !== 'undefined' ? location.href : undefined,
                                 message: text
                             };
                             _b.label = 1;
@@ -9088,20 +9090,23 @@
         });
         BantaCommentsComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
-            var callback = function () {
-                var size = _this.elementRef.nativeElement.getBoundingClientRect();
-                _this.ngZone.run(function () {
-                    _this.width = size.width;
-                    _this.height = size.height;
-                });
-            };
-            this.resizeObserver = new ResizeObserver(callback);
-            this.resizeObserver.observe(this.elementRef.nativeElement);
-            callback();
+            if (typeof window !== 'undefined') {
+                var callback = function () {
+                    var size = _this.elementRef.nativeElement.getBoundingClientRect();
+                    _this.ngZone.run(function () {
+                        _this.width = size.width;
+                        _this.height = size.height;
+                    });
+                };
+                this.resizeObserver = new ResizeObserver(callback);
+                this.resizeObserver.observe(this.elementRef.nativeElement);
+                callback();
+            }
         };
         BantaCommentsComponent.prototype.ngOnDestroy = function () {
             this._subs.unsubscribe();
-            this.resizeObserver.disconnect();
+            if (this.resizeObserver)
+                this.resizeObserver.disconnect();
         };
         BantaCommentsComponent.prototype.setSourceFromTopicID = function (topicID) {
             return __awaiter(this, void 0, void 0, function () {
@@ -9313,6 +9318,8 @@
         });
         // UI Interactions
         BantaCommentsComponent.prototype.scrollToComment = function (commentId) {
+            if (typeof window === 'undefined')
+                return;
             setTimeout(function () {
                 var comment = document.querySelectorAll("[data-comment-id=\"" + commentId + "\"]");
                 if (comment.length > 0) {
@@ -9415,25 +9422,31 @@
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
+                            if (!!this.user) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.showSignIn()];
+                        case 1:
+                            _d.sent();
+                            return [2 /*return*/];
+                        case 2:
                             this._upvoted.next(message);
                             message.transientState.liking = true;
-                            _d.label = 1;
-                        case 1:
-                            _d.trys.push([1, 3, 4, 6]);
+                            _d.label = 3;
+                        case 3:
+                            _d.trys.push([3, 5, 6, 8]);
                             return [4 /*yield*/, source.likeMessage(message.id)];
-                        case 2:
+                        case 4:
                             _d.sent();
-                            return [3 /*break*/, 6];
-                        case 3:
+                            return [3 /*break*/, 8];
+                        case 5:
                             e_4 = _d.sent();
                             this.handleBackendExceptionAsAlert(e_4, 'Could not like this message: ');
-                            return [3 /*break*/, 6];
-                        case 4: return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(function () { return resolve(); }, 250); })];
-                        case 5:
+                            return [3 /*break*/, 8];
+                        case 6: return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(function () { return resolve(); }, 250); })];
+                        case 7:
                             _d.sent();
                             message.transientState.liking = false;
                             return [7 /*endfinally*/];
-                        case 6: return [2 /*return*/];
+                        case 8: return [2 /*return*/];
                     }
                 });
             });
@@ -9445,23 +9458,29 @@
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
+                            if (!!this.user) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.showSignIn()];
+                        case 1:
+                            _d.sent();
+                            return [2 /*return*/];
+                        case 2:
                             this._upvoted.next(message);
                             message.transientState.liking = true;
                             if ((_a = message.userState) === null || _a === void 0 ? void 0 : _a.liked)
                                 message.likes = (message.likes || 0) - 1;
-                            _d.label = 1;
-                        case 1:
-                            _d.trys.push([1, 3, , 4]);
+                            _d.label = 3;
+                        case 3:
+                            _d.trys.push([3, 5, , 6]);
                             return [4 /*yield*/, source.unlikeMessage(message.id)];
-                        case 2:
+                        case 4:
                             _d.sent();
-                            return [3 /*break*/, 4];
-                        case 3:
+                            return [3 /*break*/, 6];
+                        case 5:
                             e_5 = _d.sent();
                             this.handleBackendExceptionAsAlert(e_5, 'Failed to unlike this message: ');
-                            return [3 /*break*/, 4];
-                        case 4: return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(function () { return resolve(); }, 250); })];
-                        case 5:
+                            return [3 /*break*/, 6];
+                        case 6: return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(function () { return resolve(); }, 250); })];
+                        case 7:
                             _d.sent();
                             message.transientState.liking = false;
                             return [2 /*return*/];
@@ -9578,20 +9597,26 @@
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
+                            if (!!this.user) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.showSignIn()];
+                        case 1:
+                            _d.sent();
+                            return [2 /*return*/];
+                        case 2:
                             if (!confirm("Are you sure you want to delete this comment? You cannot undo this action."))
                                 return [2 /*return*/];
-                            _d.label = 1;
-                        case 1:
-                            _d.trys.push([1, 3, , 4]);
+                            _d.label = 3;
+                        case 3:
+                            _d.trys.push([3, 5, , 6]);
                             return [4 /*yield*/, this.source.deleteMessage(message.id)];
-                        case 2:
+                        case 4:
                             _d.sent();
-                            return [3 /*break*/, 4];
-                        case 3:
+                            return [3 /*break*/, 6];
+                        case 5:
                             e_6 = _d.sent();
                             this.handleBackendExceptionAsAlert(e_6, "Could not delete message: ");
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
+                            return [3 /*break*/, 6];
+                        case 6: return [2 /*return*/];
                     }
                 });
             });
@@ -9602,16 +9627,22 @@
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
-                            _d.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, source.editMessage(message.id, newText)];
+                            if (!!this.user) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.showSignIn()];
                         case 1:
                             _d.sent();
-                            return [3 /*break*/, 3];
+                            return [2 /*return*/];
                         case 2:
+                            _d.trys.push([2, 4, , 5]);
+                            return [4 /*yield*/, source.editMessage(message.id, newText)];
+                        case 3:
+                            _d.sent();
+                            return [3 /*break*/, 5];
+                        case 4:
                             e_7 = _d.sent();
                             this.handleBackendExceptionAsAlert(e_7, 'Could not edit this message: ');
                             return [2 /*return*/];
-                        case 3:
+                        case 5:
                             message.message = newText;
                             message.transientState.editing = false;
                             return [2 /*return*/];
@@ -9634,17 +9665,23 @@
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
-                            _d.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, this.source.editMessage(message.id, text)];
+                            if (!!this.user) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.showSignIn()];
                         case 1:
                             _d.sent();
-                            message.transientState.editing = false;
-                            return [3 /*break*/, 3];
+                            return [2 /*return*/];
                         case 2:
+                            _d.trys.push([2, 4, , 5]);
+                            return [4 /*yield*/, this.source.editMessage(message.id, text)];
+                        case 3:
+                            _d.sent();
+                            message.transientState.editing = false;
+                            return [3 /*break*/, 5];
+                        case 4:
                             e_8 = _d.sent();
                             this.handleBackendExceptionAsAlert(e_8, "Could not edit message: ");
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
+                            return [3 /*break*/, 5];
+                        case 5: return [2 /*return*/];
                     }
                 });
             });
@@ -10021,13 +10058,17 @@
             configurable: true
         });
         CommentFieldComponent.prototype.ngAfterViewInit = function () {
-            var root = document.body.querySelector('[ng-version]') || document.body;
-            root.appendChild(this.autocompleteEl.nativeElement);
+            if (typeof window !== 'undefined') {
+                var root = document.body.querySelector('[ng-version]') || document.body;
+                root.appendChild(this.autocompleteEl.nativeElement);
+            }
         };
         CommentFieldComponent.prototype.sendPermissionDenied = function (message) {
             this._permissionDeniedError.next(message);
         };
         CommentFieldComponent.prototype.showAutoComplete = function (options) {
+            if (typeof window === 'undefined')
+                return;
             this.autoCompleteSelected = 0;
             this.autocompleteOptions = options;
             var pos = this.autocompleteContainerEl.nativeElement.getBoundingClientRect();
@@ -10058,7 +10099,7 @@
                 }, 5 * 1000);
             }, 100);
             // On mobile, just show an alert dialog
-            if (window.innerWidth < 430)
+            if (typeof window !== 'undefined' && window.innerWidth < 430)
                 alert(message);
         };
         Object.defineProperty(CommentFieldComponent.prototype, "isValidMessage", {
@@ -10249,7 +10290,7 @@
                             message = {
                                 user: this.user,
                                 sentAt: Date.now(),
-                                url: location.href,
+                                url: typeof window !== 'undefined' ? location.href : undefined,
                                 likes: 0,
                                 message: text,
                                 attachments: this.chatMessageAttachments.filter(function (x) { return x.url; })