@banta/sdk 4.6.9 → 4.6.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/banta-sdk.umd.js +29 -16
- package/bundles/banta-sdk.umd.js.map +1 -1
- package/bundles/banta-sdk.umd.min.js +1 -1
- package/bundles/banta-sdk.umd.min.js.map +1 -1
- package/esm2015/lib/banta/banta.component.js +9 -2
- package/esm2015/lib/banta-sdk.module.js +2 -1
- package/esm2015/lib/comments/attachment-scraper.directive.js +7 -6
- package/esm2015/lib/comments/comment-field/comment-field.component.js +2 -2
- package/fesm2015/banta-sdk.js +14 -5
- package/fesm2015/banta-sdk.js.map +1 -1
- package/lib/comments/attachment-scraper.directive.d.ts +2 -2
- package/package.json +1 -1
package/bundles/banta-sdk.umd.js
CHANGED
|
@@ -7629,15 +7629,26 @@
|
|
|
7629
7629
|
};
|
|
7630
7630
|
BantaComponent.prototype.goToMessage = function (message) {
|
|
7631
7631
|
return __awaiter(this, void 0, void 0, function () {
|
|
7632
|
-
var targetMessage, parentMessage, viewType, _a, _b;
|
|
7632
|
+
var targetMessage, parentMessage, e_2, viewType, _a, _b;
|
|
7633
7633
|
return __generator(this, function (_c) {
|
|
7634
7634
|
switch (_c.label) {
|
|
7635
7635
|
case 0:
|
|
7636
7636
|
targetMessage = message;
|
|
7637
|
-
if (!message.parentMessageId) return [3 /*break*/,
|
|
7638
|
-
|
|
7637
|
+
if (!message.parentMessageId) return [3 /*break*/, 5];
|
|
7638
|
+
parentMessage = void 0;
|
|
7639
|
+
_c.label = 1;
|
|
7639
7640
|
case 1:
|
|
7641
|
+
_c.trys.push([1, 3, , 4]);
|
|
7642
|
+
return [4 /*yield*/, this.backend.getMessage(message.topicId, message.parentMessageId)];
|
|
7643
|
+
case 2:
|
|
7640
7644
|
parentMessage = _c.sent();
|
|
7645
|
+
return [3 /*break*/, 4];
|
|
7646
|
+
case 3:
|
|
7647
|
+
e_2 = _c.sent();
|
|
7648
|
+
console.error("Received exception while fetching parent message:");
|
|
7649
|
+
console.error(e_2);
|
|
7650
|
+
return [3 /*break*/, 4];
|
|
7651
|
+
case 4:
|
|
7641
7652
|
if (!parentMessage) {
|
|
7642
7653
|
console.error("Failed to look up parent message " + message.topicId + "/" + message.parentMessageId);
|
|
7643
7654
|
console.error("Original message was:");
|
|
@@ -7645,10 +7656,10 @@
|
|
|
7645
7656
|
return [2 /*return*/];
|
|
7646
7657
|
}
|
|
7647
7658
|
message = parentMessage;
|
|
7648
|
-
_c.label =
|
|
7649
|
-
case
|
|
7659
|
+
_c.label = 5;
|
|
7660
|
+
case 5:
|
|
7650
7661
|
viewType = this.getViewType(message);
|
|
7651
|
-
if (!(viewType === 'comment')) return [3 /*break*/,
|
|
7662
|
+
if (!(viewType === 'comment')) return [3 /*break*/, 8];
|
|
7652
7663
|
if (this.pointSubChat) {
|
|
7653
7664
|
if (this.pointSubChat.close)
|
|
7654
7665
|
this.pointSubChat.close();
|
|
@@ -7658,21 +7669,21 @@
|
|
|
7658
7669
|
this.pointOpen = message;
|
|
7659
7670
|
_a = this;
|
|
7660
7671
|
return [4 /*yield*/, this.backend.getSourceForThread(message.topicId, message.id)];
|
|
7661
|
-
case
|
|
7672
|
+
case 6:
|
|
7662
7673
|
_a.pointSubChat = _c.sent();
|
|
7663
7674
|
_b = this;
|
|
7664
7675
|
return [4 /*yield*/, this.backend.refreshMessage(message)];
|
|
7665
|
-
case
|
|
7676
|
+
case 7:
|
|
7666
7677
|
_b.pointOpen = _c.sent();
|
|
7667
7678
|
this.newPointSubMessage = {};
|
|
7668
|
-
return [3 /*break*/,
|
|
7669
|
-
case
|
|
7679
|
+
return [3 /*break*/, 9];
|
|
7680
|
+
case 8:
|
|
7670
7681
|
if (viewType === 'chat') {
|
|
7671
7682
|
this.mobileFocus = 'firehose';
|
|
7672
7683
|
this.firehose.jumpToMessage(message);
|
|
7673
7684
|
}
|
|
7674
|
-
_c.label =
|
|
7675
|
-
case
|
|
7685
|
+
_c.label = 9;
|
|
7686
|
+
case 9: return [2 /*return*/];
|
|
7676
7687
|
}
|
|
7677
7688
|
});
|
|
7678
7689
|
});
|
|
@@ -10627,7 +10638,7 @@
|
|
|
10627
10638
|
CommentFieldComponent.decorators = [
|
|
10628
10639
|
{ type: core.Component, args: [{
|
|
10629
10640
|
selector: 'banta-comment-field',
|
|
10630
|
-
template: "<form class=\"new-message\" (submit)=\"sendMessage()\">\r\n <div class=\"avatar-container\">\r\n <a href=\"javascript:;\"\r\n class=\"avatar\"\r\n (click)=\"showEditAvatar()\"\r\n [style.background-image]=\"'url(' + userAvatarUrl + ')'\"\r\n ></a>\r\n </div>\r\n <div class=\"text-container\">\r\n <div class=\"field-container\">\r\n <div class=\"field-row\">\r\n <mat-form-field class=\"message-field\" appearance=\"outline\" floatLabel=\"always\">\r\n <mat-label>{{label}}</mat-label>\r\n <textarea\r\n #textarea\r\n name=\"message\"\r\n attachmentScraper\r\n (
|
|
10641
|
+
template: "<form class=\"new-message\" (submit)=\"sendMessage()\">\r\n <div class=\"avatar-container\">\r\n <a href=\"javascript:;\"\r\n class=\"avatar\"\r\n (click)=\"showEditAvatar()\"\r\n [style.background-image]=\"'url(' + userAvatarUrl + ')'\"\r\n ></a>\r\n </div>\r\n <div class=\"text-container\">\r\n <div class=\"field-container\">\r\n <div class=\"field-row\">\r\n <mat-form-field class=\"message-field\" appearance=\"outline\" floatLabel=\"always\">\r\n <mat-label>{{label}}</mat-label>\r\n <textarea\r\n #textarea\r\n name=\"message\"\r\n attachmentScraper\r\n [(attachments)]=\"chatMessageAttachments\"\r\n [placeholder]=\"placeholder\"\r\n matInput\r\n cdkTextareaAutosize\r\n [maxlength]=\"maxLength\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (blur)=\"onBlur()\"\r\n [disabled]=\"sending\"\r\n [(ngModel)]=\"text\"></textarea>\r\n </mat-form-field>\r\n <div class=\"options-line\">\r\n <mat-spinner *ngIf=\"sending\" class=\"icon loading\" diameter=\"18\" strokeWidth=\"2\"></mat-spinner>\r\n <div *ngIf=\"sendError\" class=\"error-message\" [class.expanded]=\"expandError\" [matTooltip]=\"sendError.message\" (click)=\"alertError()\">\r\n <mat-icon *ngIf=\"sendError\">error</mat-icon>\r\n {{sendError.message}}\r\n </div>\r\n <div *ngIf=\"!sendError && transientMessage\" class=\"transient-message\" [class.expanded]=\"true\" [matTooltip]=\"transientMessage\" (click)=\"alertError()\">\r\n <mat-spinner [inline]=\"true\" [diameter]=\"15\"></mat-spinner>\r\n {{transientMessage}}\r\n </div>\r\n <div class=\"spacer\"></div>\r\n <div class=\"custom\">\r\n <ng-content></ng-content>\r\n </div>\r\n <banta-attachment-button \r\n *ngIf=\"allowAttachments\"\r\n (addedAttachment)=\"addedAttachment($event)\"\r\n (attachmentError)=\"attachmentError($event)\"\r\n ></banta-attachment-button>\r\n <emoji-selector-button (selected)=\"insertEmoji($event)\"></emoji-selector-button>\r\n </div>\r\n \r\n </div>\r\n <div #autocompleteContainer class=\"autocomplete-container\">\r\n <div #autocomplete class=\"autocomplete\" [class.visible]=\"autocompleteVisible\">\r\n\r\n <div>\r\n <strong>{{completionPrefix}}</strong>...\r\n </div>\r\n <a\r\n mat-button\r\n *ngFor=\"let option of autocompleteOptions; index as index\"\r\n (click)=\"activateAutoComplete(option)\"\r\n [class.active]=\"autoCompleteSelected === index\"\r\n >\r\n {{option.label}}\r\n </a>\r\n </div>\r\n </div>\r\n\r\n <banta-attachments \r\n [attachments]=\"chatMessageAttachments\"\r\n [editing]=\"true\"\r\n (remove)=\"removeAttachment($event)\"\r\n ></banta-attachments>\r\n </div>\r\n </div>\r\n <div class=\"actions\">\r\n <ng-container *ngIf=\"!user\">\r\n <button\r\n mat-raised-button\r\n color=\"primary\"\r\n type=\"button\"\r\n (click)=\"showSignIn()\"\r\n >{{signInLabel}}</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"user\">\r\n <button\r\n mat-raised-button\r\n class=\"send\"\r\n color=\"primary\"\r\n [disabled]=\"!sendButtonEnabled\"\r\n >\r\n <ng-container *ngIf=\"canComment\">\r\n <mat-icon *ngIf=\"!sending\">chevron_right</mat-icon>\r\n <mat-spinner *ngIf=\"sending\" class=\"icon\" diameter=\"18\" strokeWidth=\"2\"></mat-spinner>\r\n </ng-container>\r\n <span class=\"label\">\r\n <ng-container *ngIf=\"!canComment\">\r\n {{permissionDeniedLabel}}\r\n </ng-container>\r\n <ng-container *ngIf=\"canComment\">\r\n <ng-container *ngIf=\"!sending\">\r\n {{sendLabel}}\r\n </ng-container>\r\n <ng-container *ngIf=\"sending\">\r\n {{sendingLabel}}\r\n </ng-container>\r\n </ng-container>\r\n </span>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</form>",
|
|
10631
10642
|
styles: ["@-webkit-keyframes comment-field-appear{0%{transform:translateY(128px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes comment-field-appear{0%{transform:translateY(128px);opacity:0}to{transform:translate(0);opacity:1}}:host{margin:0 2em 0 0;display:block;-webkit-animation-name:comment-field-appear;animation-name:comment-field-appear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:relative;z-index:20}.avatar-container{width:calc(48px + 1.75em);display:flex;justify-content:flex-end;flex-shrink:0}.avatar-container .avatar{width:48px;height:48px;background:#000;border-radius:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;margin-top:.75em;margin-right:.75em}form{display:flex;padding:.5em;align-items:center}form .text-container{position:relative;display:flex;flex-grow:1;min-width:0}form .text-container textarea{font-size:14pt;width:100%}form .text-container textarea[disabled]{opacity:.5}form .text-container mat-spinner.loading{position:absolute;left:.5em;bottom:.5em}form .text-container .options-line{display:flex;align-items:center}form .text-container .options-line>*{flex-shrink:0}form .text-container .options-line .transient-message{display:flex;flex-direction:row;align-items:center;gap:.5em}form .text-container .options-line .error-message{left:.5em;bottom:.5em;color:#683333;overflow-x:hidden;max-width:1.5em;white-space:nowrap;transition:max-width 2s ease-in-out;text-overflow:ellipsis;overflow:hidden;flex-shrink:1}form .text-container .options-line .error-message.expanded,form .text-container .options-line .error-message:hover{max-width:100%}form .text-container .options-line .error-message mat-icon{vertical-align:middle}form input[type=text]{background:#000;color:#fff;border:1px solid #333;width:100%;height:1em}form .actions{margin-left:1em;flex-shrink:0}form button{display:block;margin:0 0 0 auto}form.new-message{display:flex;align-items:flex-start;min-width:0}form.new-message .field-container{flex-grow:1;display:flex;flex-direction:column;min-width:0}form.new-message mat-form-field{width:100%}form.new-message mat-form-field ::ng-deep .mat-form-field-wrapper{padding-bottom:0}form.new-message button{margin:1.25em 0 0}button.send{min-width:9em}textarea{max-height:7em}.autocomplete-container{width:calc(100% - 2em);position:relative;pointer-events:none;top:-2em}.autocomplete{visibility:hidden;pointer-events:none;position:absolute;background:#333;padding:.5em;display:flex;flex-direction:column;z-index:100}.autocomplete.visible{visibility:visible;pointer-events:auto}.autocomplete a{width:100%;text-align:left}.autocomplete a.active{background:#555}.image-attachments-container{display:flex;gap:20px}.image-attachments-container .image-attachment{width:300px;position:relative;text-align:center}.image-attachments-container .image-attachment.with-border{outline:1px solid #333;padding:1em 0}.image-attachments-container .image-attachment mat-spinner{display:block;margin:0 auto .5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.image-attachments-container .image-attachment mat-icon.error{display:block;font-size:48px;width:48px;height:48px;margin:0 auto .5em}.image-attachments-container .image-attachment .error{color:#b76363}.image-attachments-container .image-attachment img{width:300px;border-radius:10px}.image-attachments-container .image-attachment .remove-img{position:absolute;right:10px;top:10px;margin:0}.card-attachment,.field-row{position:relative}.card-attachment a{display:flex;align-items:flex-start;gap:1em;width:100%;border:1px solid #666;border-radius:4px;padding:2em;box-sizing:border-box;background-color:#191919}.card-attachment a img{width:300px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:10px}.card-attachment a h1{margin:0;font-size:30px}.card-attachment .remove-img{position:absolute;right:10px;top:10px;margin:0}@media (max-width:500px){:host{margin:0}.avatar-container{width:auto;flex-shrink:0}.avatar-container .avatar{width:32px;height:32px;margin-top:1.5em}:host.can-comment button.send .label,:host:not(.can-comment) .text-container,:host:not(.can-comment) mat-form-field.message-field{display:none}button.send{min-width:auto;margin-top:1.5em}}:host-context(.banta-mobile) :host{margin:0}:host-context(.banta-mobile) .avatar-container{width:auto;flex-shrink:0}:host-context(.banta-mobile) .avatar-container .avatar{width:32px;height:32px;margin-top:1.5em}:host-context(.banta-mobile) :host.can-comment button.send .label,:host-context(.banta-mobile) :host:not(.can-comment) .text-container,:host-context(.banta-mobile) :host:not(.can-comment) mat-form-field.message-field{display:none}:host-context(.banta-mobile) button.send{min-width:auto;margin-top:1.5em}"]
|
|
10632
10643
|
},] }
|
|
10633
10644
|
];
|
|
@@ -10794,7 +10805,7 @@
|
|
|
10794
10805
|
this.elementRef = elementRef;
|
|
10795
10806
|
this.chatBackend = chatBackend;
|
|
10796
10807
|
this.attachments = [];
|
|
10797
|
-
this.
|
|
10808
|
+
this.attachmentsChange = new rxjs.Subject();
|
|
10798
10809
|
this.scrapeDebounce = 1500;
|
|
10799
10810
|
this.fragments = new Map();
|
|
10800
10811
|
}
|
|
@@ -10930,7 +10941,7 @@
|
|
|
10930
10941
|
console.log("Resolved fragment " + key + " into attachment:");
|
|
10931
10942
|
console.dir(attachment);
|
|
10932
10943
|
this.attachments.push(attachment);
|
|
10933
|
-
this.
|
|
10944
|
+
this.attachmentsChange.next(this.attachments.slice());
|
|
10934
10945
|
resolve(attachment);
|
|
10935
10946
|
return [3 /*break*/, 7];
|
|
10936
10947
|
}
|
|
@@ -10987,7 +10998,8 @@
|
|
|
10987
10998
|
{ type: ChatBackendBase }
|
|
10988
10999
|
]; };
|
|
10989
11000
|
AttachmentScraperDirective.propDecorators = {
|
|
10990
|
-
|
|
11001
|
+
attachments: [{ type: core.Input }],
|
|
11002
|
+
attachmentsChange: [{ type: core.Output }]
|
|
10991
11003
|
};
|
|
10992
11004
|
|
|
10993
11005
|
var COMPONENTS$3 = [
|
|
@@ -11705,6 +11717,7 @@
|
|
|
11705
11717
|
BantaComponent,
|
|
11706
11718
|
BantaLogoComponent,
|
|
11707
11719
|
LiveMessageComponent,
|
|
11720
|
+
BantaCommonModule,
|
|
11708
11721
|
ChatModule,
|
|
11709
11722
|
CommentsModule,
|
|
11710
11723
|
EmojiModule
|