@banta/sdk 3.3.1 → 3.3.2

package/bundles/banta-sdk.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('rxjs'), require('rxjs/operators'), require('@angular/core'), require('@angular/common'), require('@angular/platform-browser'), require('@angular/material/icon'), require('@angular/material/button'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/forms'), require('@angular/material/dialog'), require('@angular/router'), require('@angular/material/menu'), require('@angular/material/progress-spinner'), require('@angular/cdk/text-field'), require('@angular/material/tooltip'), require('@banta/common'), require('@angular/material/select')) :
-    typeof define === 'function' && define.amd ? define('@banta/sdk', ['exports', 'rxjs', 'rxjs/operators', '@angular/core', '@angular/common', '@angular/platform-browser', '@angular/material/icon', '@angular/material/button', '@angular/material/form-field', '@angular/material/input', '@angular/forms', '@angular/material/dialog', '@angular/router', '@angular/material/menu', '@angular/material/progress-spinner', '@angular/cdk/text-field', '@angular/material/tooltip', '@banta/common', '@angular/material/select'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.banta = global.banta || {}, global.banta.sdk = {}), global.rxjs, global.rxjs.operators, global.ng.core, global.ng.common, global.ng.platformBrowser, global.ng.material.icon, global.ng.material.button, global.ng.material.formField, global.ng.material.input, global.ng.forms, global.ng.material.dialog, global.ng.router, global.ng.material.menu, global.ng.material.progressSpinner, global.ng.cdk.textField, global.ng.material.tooltip, global.common$1, global.ng.material.select));
-}(this, (function (exports, rxjs, operators, core, common, platformBrowser, icon, button, formField, input, forms, dialog, router, menu, progressSpinner, textField, tooltip, common$1, select) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('rxjs'), require('rxjs/operators'), require('@angular/core'), require('@angular/common'), require('@angular/platform-browser'), require('@angular/material/icon'), require('@angular/material/button'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/forms'), require('@angular/material/dialog'), require('@banta/common'), require('@angular/router'), require('@angular/material/menu'), require('@angular/material/progress-spinner'), require('@angular/cdk/text-field'), require('@angular/material/tooltip'), require('@angular/material/select')) :
+    typeof define === 'function' && define.amd ? define('@banta/sdk', ['exports', 'rxjs', 'rxjs/operators', '@angular/core', '@angular/common', '@angular/platform-browser', '@angular/material/icon', '@angular/material/button', '@angular/material/form-field', '@angular/material/input', '@angular/forms', '@angular/material/dialog', '@banta/common', '@angular/router', '@angular/material/menu', '@angular/material/progress-spinner', '@angular/cdk/text-field', '@angular/material/tooltip', '@angular/material/select'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.banta = global.banta || {}, global.banta.sdk = {}), global.rxjs, global.rxjs.operators, global.ng.core, global.ng.common, global.ng.platformBrowser, global.ng.material.icon, global.ng.material.button, global.ng.material.formField, global.ng.material.input, global.ng.forms, global.ng.material.dialog, global.common$1, global.ng.router, global.ng.material.menu, global.ng.material.progressSpinner, global.ng.cdk.textField, global.ng.material.tooltip, global.ng.material.select));
+}(this, (function (exports, rxjs, operators, core, common, platformBrowser, icon, button, formField, input, forms, dialog, common$1, router, menu, progressSpinner, textField, tooltip, select) { 'use strict';
 
     function lazyConnection(options) {
         var obs = new rxjs.Observable(function (observer) {
@@ -7951,8 +7951,9 @@
             configurable: true
         });
         BantaChatComponent.prototype.sendMessage = function () {
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var text, message, e_1;
+                var text, message, intercept, e_1;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
@@ -7971,17 +7972,22 @@
                             };
                             _b.label = 1;
                         case 1:
-                            _b.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, this.source.send(message)];
+                            _b.trys.push([1, 5, , 6]);
+                            return [4 /*yield*/, ((_a = this.shouldInterceptMessageSend) === null || _a === void 0 ? void 0 : _a.call(this, message))];
                         case 2:
-                            _b.sent();
-                            return [3 /*break*/, 4];
+                            intercept = _b.sent();
+                            if (!!intercept) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this.source.send(message)];
                         case 3:
+                            _b.sent();
+                            _b.label = 4;
+                        case 4: return [3 /*break*/, 6];
+                        case 5:
                             e_1 = _b.sent();
                             console.error("Failed to send message: ", message);
                             console.error(e_1);
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
+                            return [3 /*break*/, 6];
+                        case 6: return [2 /*return*/];
                     }
                 });
             });
@@ -8001,6 +8007,7 @@
         { type: core.ElementRef }
     ]; };
     BantaChatComponent.propDecorators = {
+        shouldInterceptMessageSend: [{ type: core.Input }],
         source: [{ type: core.Input }],
         topicID: [{ type: core.Input }],
         signInLabel: [{ type: core.Input }],
@@ -8522,6 +8529,7 @@
             this._usernameSelected = new rxjs.Subject();
             this._avatarSelected = new rxjs.Subject();
             this._subs = new rxjs.Subscription();
+            this._sortOrder = common$1.CommentsOrder.NEWEST;
             this.hashtags = [
                 { hashtag: 'error', description: 'Cause an error' },
                 { hashtag: 'timeout', description: 'Cause a slow timeout error' },
@@ -8876,7 +8884,7 @@
     BantaCommentsComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'banta-comments',
-                    template: "\r\n<div class=\"focused\" [class.visible]=\"selectedMessageVisible\" *ngIf=\"selectedMessage\">\r\n\r\n    <div>\r\n        <a mat-button href=\"javascript:;\" (click)=\"unselectMessage()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n            Latest Comments\r\n        </a>\r\n    </div>\r\n\r\n    <banta-comment\r\n        [message]=\"selectedMessage\"\r\n        ></banta-comment>\r\n\r\n    <div class=\"replies\">\r\n\r\n        <ng-container *ngIf=\"!selectedMessageThread\">\r\n            <div class=\"loading\">\r\n                <mat-spinner></mat-spinner>\r\n            </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"selectedMessageThread\">\r\n            <banta-comment-view\r\n                [source]=\"selectedMessageThread\"\r\n                [allowReplies]=\"false\"\r\n                [fixedHeight]=\"false\"\r\n                [showEmptyState]=\"false\"\r\n                [newestLast]=\"true\"\r\n                ></banta-comment-view>\r\n\r\n            <banta-comment-field\r\n                [sendLabel]=\"replyLabel\"\r\n                [sendingLabel]=\"sendingLabel\"\r\n                [hashtags]=\"hashtags\"\r\n                [participants]=\"participants\"\r\n                (signInSelected)=\"showSignIn()\"\r\n                (editAvatarSelected)=\"showEditAvatar()\"\r\n                [source]=\"selectedMessageThread\"\r\n                [canComment]=\"canComment\"\r\n                [signInLabel]=\"signInLabel\"\r\n                [permissionDeniedLabel]=\"permissionDeniedLabel\"\r\n                (permissionDeniedError)=\"showPermissionDenied()\"\r\n                [user]=\"user\"\r\n                [label]=\"postReplyLabel\"\r\n                ></banta-comment-field>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"main\" [class.hidden]=\"selectedMessage\">\r\n    <banta-comment-field\r\n        [source]=\"source\"\r\n        [user]=\"user\"\r\n        [sendLabel]=\"sendLabel\"\r\n        [sendingLabel]=\"sendingLabel\"\r\n        [signInLabel]=\"signInLabel\"\r\n        [canComment]=\"canComment\"\r\n        [hashtags]=\"hashtags\"\r\n        [participants]=\"participants\"\r\n        [label]=\"postCommentLabel\"\r\n        (editAvatarSelected)=\"showEditAvatar()\"\r\n        (signInSelected)=\"showSignIn()\"\r\n        [permissionDeniedLabel]=\"permissionDeniedLabel\"\r\n        (permissionDeniedError)=\"showPermissionDenied()\"\r\n        ></banta-comment-field>\r\n\r\n    <banta-comment-sort\r\n        [(sort)]=\"sortOrder\"></banta-comment-sort>\r\n\r\n    <banta-comment-view\r\n        [class.faded]=\"selectedMessage\"\r\n        [source]=\"source\"\r\n        [fixedHeight]=\"fixedHeight\"\r\n        [maxMessages]=\"maxMessages\"\r\n        [maxVisibleMessages]=\"maxVisibleMessages\"\r\n        [genericAvatarUrl]=\"genericAvatarUrl\"\r\n        (userSelected)=\"selectMessageUser($event)\"\r\n        (selected)=\"selectMessage($event)\"\r\n        (upvoted)=\"upvoteMessage($event)\"\r\n        (reported)=\"reportMessage($event)\"\r\n        (usernameSelected)=\"selectUsername($event)\"\r\n        (avatarSelected)=\"selectAvatar($event)\"\r\n        (shared)=\"shareMessage($event)\"\r\n        ></banta-comment-view>\r\n</div>\r\n",
+                    template: "\r\n<div class=\"focused\" [class.visible]=\"selectedMessageVisible\" *ngIf=\"selectedMessage\">\r\n\r\n    <div>\r\n        <a mat-button href=\"javascript:;\" (click)=\"unselectMessage()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n            Latest Comments\r\n        </a>\r\n    </div>\r\n\r\n    <banta-comment\r\n        [message]=\"selectedMessage\"\r\n        ></banta-comment>\r\n\r\n    <div class=\"replies\">\r\n\r\n        <ng-container *ngIf=\"!selectedMessageThread\">\r\n            <div class=\"loading\">\r\n                <mat-spinner></mat-spinner>\r\n            </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"selectedMessageThread\">\r\n            <banta-comment-view\r\n                [source]=\"selectedMessageThread\"\r\n                [allowReplies]=\"false\"\r\n                [fixedHeight]=\"false\"\r\n                [showEmptyState]=\"false\"\r\n                [newestLast]=\"true\"\r\n                ></banta-comment-view>\r\n\r\n            <banta-comment-field\r\n                [sendLabel]=\"replyLabel\"\r\n                [sendingLabel]=\"sendingLabel\"\r\n                [hashtags]=\"hashtags\"\r\n                [participants]=\"participants\"\r\n                (signInSelected)=\"showSignIn()\"\r\n                (editAvatarSelected)=\"showEditAvatar()\"\r\n                [source]=\"selectedMessageThread\"\r\n                [canComment]=\"canComment\"\r\n                [signInLabel]=\"signInLabel\"\r\n                [permissionDeniedLabel]=\"permissionDeniedLabel\"\r\n                (permissionDeniedError)=\"showPermissionDenied()\"\r\n                [shouldInterceptMessageSend]=\"shouldInterceptMessageSend\"\r\n                [user]=\"user\"\r\n                [label]=\"postReplyLabel\"\r\n                ></banta-comment-field>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"main\" [class.hidden]=\"selectedMessage\">\r\n    <banta-comment-field\r\n        [source]=\"source\"\r\n        [user]=\"user\"\r\n        [sendLabel]=\"sendLabel\"\r\n        [sendingLabel]=\"sendingLabel\"\r\n        [signInLabel]=\"signInLabel\"\r\n        [canComment]=\"canComment\"\r\n        [hashtags]=\"hashtags\"\r\n        [participants]=\"participants\"\r\n        [label]=\"postCommentLabel\"\r\n        (editAvatarSelected)=\"showEditAvatar()\"\r\n        (signInSelected)=\"showSignIn()\"\r\n        [permissionDeniedLabel]=\"permissionDeniedLabel\"\r\n        (permissionDeniedError)=\"showPermissionDenied()\"\r\n        [shouldInterceptMessageSend]=\"shouldInterceptMessageSend\"\r\n        ></banta-comment-field>\r\n\r\n    <banta-comment-sort\r\n        [(sort)]=\"sortOrder\"></banta-comment-sort>\r\n\r\n    <banta-comment-view\r\n        [class.faded]=\"selectedMessage\"\r\n        [source]=\"source\"\r\n        [fixedHeight]=\"fixedHeight\"\r\n        [maxMessages]=\"maxMessages\"\r\n        [maxVisibleMessages]=\"maxVisibleMessages\"\r\n        [genericAvatarUrl]=\"genericAvatarUrl\"\r\n        (userSelected)=\"selectMessageUser($event)\"\r\n        (selected)=\"selectMessage($event)\"\r\n        (upvoted)=\"upvoteMessage($event)\"\r\n        (reported)=\"reportMessage($event)\"\r\n        (usernameSelected)=\"selectUsername($event)\"\r\n        (avatarSelected)=\"selectAvatar($event)\"\r\n        (shared)=\"shareMessage($event)\"\r\n        ></banta-comment-view>\r\n</div>\r\n",
                     styles: [":host{display:flex;flex-direction:column}@-webkit-keyframes select-comment{0%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes select-comment{0%{transform:scale(1.15)}to{transform:scale(1)}}.focused{-webkit-animation-duration:.4s;-webkit-animation-fill-mode:both;-webkit-animation-name:select-comment;animation-duration:.4s;animation-fill-mode:both;animation-name:select-comment}.focused .replies{margin-left:4em;margin-top:1em}banta-comment-view{opacity:1;transition:opacity .4s ease-in-out}banta-comment-view.faded{opacity:.25}.loading{display:block;margin:0 auto;min-height:16em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main.hidden{display:none}@media (max-width:500px){.focused .replies{margin-left:0}}"]
                 },] }
     ];
@@ -8894,6 +8902,7 @@
         maxMessages: [{ type: core.Input }],
         maxVisibleMessages: [{ type: core.Input }],
         genericAvatarUrl: [{ type: core.Input }],
+        shouldInterceptMessageSend: [{ type: core.Input }],
         topicID: [{ type: core.Input }],
         signInLabel: [{ type: core.Input }],
         sendLabel: [{ type: core.Input }],
@@ -9058,7 +9067,7 @@
         CommentFieldComponent.prototype.autocomplete = function (replacement) {
             return __awaiter(this, void 0, void 0, function () {
                 var el;
-                return __generator(this, function (_a) {
+                return __generator(this, function (_b) {
                     el = this.textareaEl.nativeElement;
                     this.text = this.text.slice(0, el.selectionStart - this.completionPrefix.length) + replacement + this.text.slice(el.selectionStart);
                     return [2 /*return*/];
@@ -9068,7 +9077,7 @@
         CommentFieldComponent.prototype.insert = function (str) {
             return __awaiter(this, void 0, void 0, function () {
                 var el;
-                return __generator(this, function (_a) {
+                return __generator(this, function (_b) {
                     el = this.textareaEl.nativeElement;
                     this.text = this.text.slice(0, el.selectionStart) + str + this.text.slice(el.selectionStart);
                     return [2 /*return*/];
@@ -9078,8 +9087,8 @@
         CommentFieldComponent.prototype.onKeyDown = function (event) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             console.log(event.key);
                             if (this.autocompleteVisible) {
@@ -9115,7 +9124,7 @@
                             if (!(event.key === 'Enter' && event.ctrlKey)) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.sendMessage()];
                         case 1:
-                            _a.sent();
+                            _b.sent();
                             return [2 /*return*/];
                         case 2:
                             if (this.completionFunc) {
@@ -9198,18 +9207,19 @@
             this.editAvatarSelected.next();
         };
         CommentFieldComponent.prototype.sendMessage = function () {
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var text, message, e_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var text, message, intercept, e_1;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (!this.source)
                                 return [2 /*return*/];
                             this.sending = true;
                             this.sendError = null;
-                            _a.label = 1;
+                            _b.label = 1;
                         case 1:
-                            _a.trys.push([1, , 6, 7]);
+                            _b.trys.push([1, , 8, 9]);
                             text = (this.text || '').trim();
                             if (text === '')
                                 return [2 /*return*/];
@@ -9220,25 +9230,31 @@
                                 upvotes: 0,
                                 message: text
                             };
-                            _a.label = 2;
+                            _b.label = 2;
                         case 2:
-                            _a.trys.push([2, 4, , 5]);
-                            return [4 /*yield*/, this.source.send(message)];
+                            _b.trys.push([2, 6, , 7]);
+                            return [4 /*yield*/, ((_a = this.shouldInterceptMessageSend) === null || _a === void 0 ? void 0 : _a.call(this, message))];
                         case 3:
-                            _a.sent();
-                            this.text = '';
-                            return [3 /*break*/, 5];
+                            intercept = _b.sent();
+                            if (!!intercept) return [3 /*break*/, 5];
+                            return [4 /*yield*/, this.source.send(message)];
                         case 4:
-                            e_1 = _a.sent();
+                            _b.sent();
+                            _b.label = 5;
+                        case 5:
+                            this.text = '';
+                            return [3 /*break*/, 7];
+                        case 6:
+                            e_1 = _b.sent();
                             this.indicateError("Could not send: " + e_1.message);
                             console.error("Failed to send message: ", message);
                             console.error(e_1);
-                            return [3 /*break*/, 5];
-                        case 5: return [3 /*break*/, 7];
-                        case 6:
+                            return [3 /*break*/, 7];
+                        case 7: return [3 /*break*/, 9];
+                        case 8:
                             this.sending = false;
                             return [7 /*endfinally*/];
-                        case 7: return [2 /*return*/];
+                        case 9: return [2 /*return*/];
                     }
                 });
             });
@@ -9264,6 +9280,7 @@
         permissionDeniedLabel: [{ type: core.Input }],
         signInLabel: [{ type: core.Input }],
         placeholder: [{ type: core.Input }],
+        shouldInterceptMessageSend: [{ type: core.Input }],
         autocompleteEl: [{ type: core.ViewChild, args: ['autocomplete',] }],
         autocompleteContainerEl: [{ type: core.ViewChild, args: ['autocompleteContainer',] }],
         textareaEl: [{ type: core.ViewChild, args: ['textarea',] }],
@@ -9415,6 +9432,7 @@
     exports.ChatViewComponent = ChatViewComponent;
     exports.CommentComponent = CommentComponent;
     exports.CommentFieldComponent = CommentFieldComponent;
+    exports.CommentSortComponent = CommentSortComponent;
     exports.CommentViewComponent = CommentViewComponent;
     exports.CommentsModule = CommentsModule;
     exports.EMOJIS = EMOJIS;