@banta/sdk 4.7.16 → 4.8.0

package/lib/chat-backend-base.d.ts

@@ -1,9 +1,10 @@
 import { Observable } from 'rxjs';
-import { ChatMessage, CommentsOrder, Notification, User, UrlCard } from '@banta/common';
+import { ChatMessage, CommentsOrder, Notification, User, UrlCard, FilterMode } from '@banta/common';
 import { ChatSourceBase } from './chat-source-base';
 import { AttachmentResolver, AttachmentScraper } from './attachment-scraper';
 export interface ChatSourceOptions {
-    sortOrder: CommentsOrder;
+    sortOrder?: CommentsOrder;
+    filterMode?: FilterMode;
 }
 export declare abstract class ChatBackendBase {
     constructor();

package/lib/chat-source-base.d.ts

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { ChatMessage, CommentsOrder, ChatPermissions } from '@banta/common';
+import { ChatMessage, CommentsOrder, ChatPermissions, FilterMode } from '@banta/common';
 export interface ChatSourceBase {
     /**
      * The topic identifier for the current chat/comments
@@ -14,6 +14,7 @@ export interface ChatSourceBase {
      */
     parentIdentifier?: string;
     sortOrder?: CommentsOrder;
+    filterMode?: FilterMode;
     messageReceived: Observable<ChatMessage>;
     messageObserved: Observable<ChatMessage>;
     messageUpdated: Observable<ChatMessage>;

package/lib/chat-source.d.ts

@@ -2,18 +2,21 @@ import { ChatMessage, ChatPermissions, CommentsOrder, DurableSocket } from "@ban
 import { SocketRPC } from "@banta/common";
 import { ChatSourceBase } from "./chat-source-base";
 import { ChatBackend } from "./chat-backend";
+import { ChatSourceOptions } from "./chat-backend-base";
 export declare type SignInState = 'signed-out' | 'signed-in' | 'signing-in';
 export declare class ChatSource extends SocketRPC implements ChatSourceBase {
     readonly backend: ChatBackend;
     readonly identifier: string;
     readonly parentIdentifier: string;
-    readonly sortOrder: CommentsOrder;
-    constructor(backend: ChatBackend, identifier: string, parentIdentifier: string, sortOrder: CommentsOrder);
+    constructor(backend: ChatBackend, identifier: string, parentIdentifier: string, options: ChatSourceOptions);
+    private options;
     private subscription;
     private markReady;
     ready: Promise<void>;
     permissions: ChatPermissions;
     private _state;
+    get sortOrder(): CommentsOrder;
+    get filterMode(): import("@banta/common").FilterMode;
     get state(): "connected" | "connecting" | "lost" | "restored";
     set state(value: "connected" | "connecting" | "lost" | "restored");
     private _connectionStateChanged;

package/lib/comments/banta-comments/banta-comments.component.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, NgZone, QueryList } from '@angular/core';
-import { User, ChatMessage, CommentsOrder } from '@banta/common';
+import { User, ChatMessage, CommentsOrder, FilterMode } from '@banta/common';
 import { HashTag } from '../comment-field/comment-field.component';
 import { Subject, Observable } from 'rxjs';
 import { ActivatedRoute } from '@angular/router';
@@ -103,7 +103,6 @@ export declare class BantaCommentsComponent {
      */
     private _sourceIsOwned;
     private _subs;
-    private _sortOrder;
     private _topicID;
     user: User;
     selectedMessage: ChatMessage;
@@ -141,8 +140,27 @@ export declare class BantaCommentsComponent {
     get usernameSelected(): Observable<User>;
     get avatarSelected(): Observable<User>;
     get shared(): Observable<ChatMessage>;
+    private _reloadSourceTimeout;
+    private reloadSource;
+    private _sortOrder;
     get sortOrder(): CommentsOrder;
     set sortOrder(value: CommentsOrder);
+    private _filterMode;
+    get filterMode(): FilterMode;
+    set filterMode(value: FilterMode);
+    get filterModes(): FilterMode[];
+    get filterModeLabels(): {
+        all: string;
+        mine: string;
+        "my-likes": string;
+        threads: string;
+    };
+    get sortOrders(): CommentsOrder[];
+    get sortOrderLabels(): {
+        newest: string;
+        oldest: string;
+        likes: string;
+    };
     sendMessage: (message: ChatMessage) => void;
     sendReply: (message: ChatMessage) => void;
     scrollToComment(commentId: ChatMessage['id']): Promise<void>;

package/lib/comments/comment-field/comment-field.component.d.ts

@@ -26,6 +26,7 @@ export declare class CommentFieldComponent {
     allowAttachments: boolean;
     signInSelected: Subject<void>;
     editAvatarSelected: Subject<void>;
+    focusChange: Subject<boolean>;
     sending: boolean;
     sendError: Error;
     expandError: boolean;
@@ -73,6 +74,7 @@ export declare class CommentFieldComponent {
     insert(str: string): Promise<void>;
     onKeyDown(event: KeyboardEvent): Promise<void>;
     startAutoComplete(event: KeyboardEvent, completionFunc: (str: string) => AutoCompleteOption[]): void;
+    onFocus(): void;
     onBlur(): void;
     insertEmoji(text: string): void;
     showSignIn(): void;
@@ -85,5 +87,5 @@ export declare class CommentFieldComponent {
     removeAttachment(attachment: ChatMessageAttachment): void;
     alertError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommentFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CommentFieldComponent, "banta-comment-field", never, { "source": "source"; "user": "user"; "canComment": "canComment"; "signInState": "signInState"; "allowAttachments": "allowAttachments"; "transientMessage": "transientMessage"; "sendLabel": "sendLabel"; "signingInLabel": "signingInLabel"; "sendingLabel": "sendingLabel"; "label": "label"; "permissionDeniedLabel": "permissionDeniedLabel"; "signInLabel": "signInLabel"; "maxLength": "maxLength"; "placeholder": "placeholder"; "shouldInterceptMessageSend": "shouldInterceptMessageSend"; "hashtags": "hashtags"; "participants": "participants"; "genericAvatarUrl": "genericAvatarUrl"; "submit": "submit"; }, { "signInSelected": "signInSelected"; "editAvatarSelected": "editAvatarSelected"; "textChanged": "textChanged"; "permissionDeniedError": "permissionDeniedError"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommentFieldComponent, "banta-comment-field", never, { "source": "source"; "user": "user"; "canComment": "canComment"; "signInState": "signInState"; "allowAttachments": "allowAttachments"; "transientMessage": "transientMessage"; "sendLabel": "sendLabel"; "signingInLabel": "signingInLabel"; "sendingLabel": "sendingLabel"; "label": "label"; "permissionDeniedLabel": "permissionDeniedLabel"; "signInLabel": "signInLabel"; "maxLength": "maxLength"; "placeholder": "placeholder"; "shouldInterceptMessageSend": "shouldInterceptMessageSend"; "hashtags": "hashtags"; "participants": "participants"; "genericAvatarUrl": "genericAvatarUrl"; "submit": "submit"; }, { "signInSelected": "signInSelected"; "editAvatarSelected": "editAvatarSelected"; "focusChange": "focusChange"; "textChanged": "textChanged"; "permissionDeniedError": "permissionDeniedError"; }, never, ["*"], false>;
 }

package/lib/comments/comment-view/comment-view.component.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, QueryList } from "@angular/core";
-import { User, ChatMessage, CommentsOrder } from '@banta/common';
+import { User, ChatMessage, CommentsOrder, FilterMode } from '@banta/common';
 import { Subject } from 'rxjs';
 import { ChatBackendBase } from "../../chat-backend-base";
 import { ChatSourceBase } from "../../chat-source-base";
@@ -12,7 +12,8 @@ export interface EditEvent {
 }
 export declare class CommentViewComponent {
     private backend;
-    constructor(backend: ChatBackendBase);
+    private elementRef;
+    constructor(backend: ChatBackendBase, elementRef: ElementRef<HTMLElement>);
     private _sourceSubs;
     private _source;
     private _selected;
@@ -27,6 +28,8 @@ export declare class CommentViewComponent {
     private _messageEdited;
     showEmptyState: boolean;
     allowReplies: boolean;
+    enableHoldOnClick: boolean;
+    enableHoldOnScroll: boolean;
     customMenuItems: MessageMenuItem[];
     commentsQuery: QueryList<CommentComponent>;
     get comments(): CommentComponent[];
@@ -36,6 +39,9 @@ export declare class CommentViewComponent {
      */
     isMessageLoadedInContext(message: ChatMessage): ChatMessage;
     loadMessageInContext(message: ChatMessage): Promise<boolean>;
+    get shouldShowNewMessageIndicator(): boolean;
+    get shouldHoldNewMessages(): boolean;
+    private isElementVisible;
     /**
      * Get the CommentComponent instantiated for the given ChatMessage,
      * if it exists in the current view. Note that messages which are not
@@ -81,6 +87,7 @@ export declare class CommentViewComponent {
     maxMessages: number;
     maxVisibleMessages: number;
     newestLast: boolean;
+    holdNewMessages: boolean;
     isViewingMore: boolean;
     isLoadingMore: boolean;
     hasMore: boolean;
@@ -88,7 +95,8 @@ export declare class CommentViewComponent {
     olderMessages: ChatMessage[];
     messageIdentity(index: number, chatMessage: ChatMessage): string;
     sortOrderChanged: Subject<CommentsOrder>;
-    showNew(): Promise<void>;
+    filterModeChanged: Subject<FilterMode>;
+    showNew(event: MouseEvent): Promise<void>;
     showMore(): Promise<void>;
     private addMessage;
     private incrementPagingCursors;
@@ -102,7 +110,10 @@ export declare class CommentViewComponent {
     isScrolledToLatest(): boolean;
     private messageSent;
     scrollToLatest(): void;
+    get element(): HTMLElement;
+    scrollToComment(commentId: ChatMessage['id']): Promise<void>;
+    getElementForComment(commentId: string): Element;
     mentionsMe(message: ChatMessage): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommentViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CommentViewComponent, "banta-comment-view", never, { "showEmptyState": "showEmptyState"; "allowReplies": "allowReplies"; "customMenuItems": "customMenuItems"; "fixedHeight": "fixedHeight"; "selectedMessage": "selectedMessage"; "source": "source"; "genericAvatarUrl": "genericAvatarUrl"; "maxMessages": "maxMessages"; "maxVisibleMessages": "maxVisibleMessages"; "newestLast": "newestLast"; }, { "selected": "selected"; "messageEdited": "messageEdited"; "userSelected": "userSelected"; "reported": "reported"; "liked": "liked"; "unliked": "unliked"; "usernameSelected": "usernameSelected"; "avatarSelected": "avatarSelected"; "shared": "shared"; "deleted": "deleted"; "sortOrderChanged": "sortOrderChanged"; }, never, ["[data-before]", ".inline-replies", ":not([data-before]):not(.inline-replies)"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommentViewComponent, "banta-comment-view", never, { "showEmptyState": "showEmptyState"; "allowReplies": "allowReplies"; "enableHoldOnClick": "enableHoldOnClick"; "enableHoldOnScroll": "enableHoldOnScroll"; "customMenuItems": "customMenuItems"; "fixedHeight": "fixedHeight"; "selectedMessage": "selectedMessage"; "source": "source"; "genericAvatarUrl": "genericAvatarUrl"; "maxMessages": "maxMessages"; "maxVisibleMessages": "maxVisibleMessages"; "newestLast": "newestLast"; "holdNewMessages": "holdNewMessages"; }, { "selected": "selected"; "messageEdited": "messageEdited"; "userSelected": "userSelected"; "reported": "reported"; "liked": "liked"; "unliked": "unliked"; "usernameSelected": "usernameSelected"; "avatarSelected": "avatarSelected"; "shared": "shared"; "deleted": "deleted"; "sortOrderChanged": "sortOrderChanged"; "filterModeChanged": "filterModeChanged"; }, never, ["[data-before]", ".inline-replies", ":not([data-before]):not(.inline-replies)"], false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banta/sdk",
-  "version": "4.7.16",
+  "version": "4.8.0",
   "private": false,
   "publishConfig": {
     "access": "public"