stream-chat-angular 4.59.3 → 4.60.0

package/lib/channel/channel.component.d.ts

@@ -1,6 +1,7 @@
 import { Observable, Subscription } from 'rxjs';
 import { ChannelService } from '../channel.service';
 import { ThemeService } from '../theme.service';
+import { CustomTemplatesService } from '../custom-templates.service';
 import * as i0 from "@angular/core";
 /**
  * The `Channel` component is a container component that displays the [`ChannelHeader`](./ChannelHeaderComponent.mdx), [`MessageList`](./MessageListComponent.mdx), [`NotificationList`](./NotificationListComponent.mdx) and [`MessageInput`](./MessageInputComponent.mdx) components. You can also provide the [`Thread`](./ThreadComponent.mdx) component to use message [threads](https://getstream.io/chat/docs/javascript/threads/?language=javascript).
@@ -8,13 +9,14 @@ import * as i0 from "@angular/core";
 export declare class ChannelComponent {
     private channelService;
     private themeService;
+    readonly customTemplatesService: CustomTemplatesService;
     isError$: Observable<boolean>;
     isInitializing$: Observable<boolean>;
     isActiveThread$: Observable<boolean>;
     isActiveChannel$: Observable<boolean>;
     subscriptions: Subscription[];
     theme$: Observable<string>;
-    constructor(channelService: ChannelService, themeService: ThemeService);
+    constructor(channelService: ChannelService, themeService: ThemeService, customTemplatesService: CustomTemplatesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<ChannelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChannelComponent, "stream-channel", never, {}, {}, never, ["*", "[name=\"thread\"]"]>;
 }

package/lib/channel.service.d.ts

@@ -1,5 +1,5 @@
 import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { Attachment, Channel, ChannelFilters, ChannelOptions, ChannelResponse, ChannelSort, Event, FormatMessageResponse, MessageResponse, ReactionResponse, UserResponse } from 'stream-chat';
 import { ChatClientService, ClientEvent } from './chat-client.service';
 import { NotificationService } from './notification.service';
@@ -103,6 +103,12 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     latestMessageDateByUserByChannels$: Observable<{
         [key: string]: Date;
     }>;
+    /**
+     * If you're using [semantic filters for moderation](https://getstream.io/automated-moderation/docs/automod_configuration/?q=semantic%20filters) you can set up rules for bouncing messages.
+     *
+     * If a message is bounced, it will be emitted via this `Observable`. The built-in [`MessageBouncePrompt` component](../../components/MessageBouncePromptComponent) will display the bounce option to the user if a bounced message is clicked.
+     */
+    bouncedMessage$: BehaviorSubject<StreamMessage<T> | undefined>;
     /**
      * The last read message id of the active channel, it's used by the message list component to display unread UI, and jump to latest read message
      *
@@ -364,13 +370,7 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
         quoted_message?: import("stream-chat").MessageResponseBase<T> | undefined;
     } & Omit<MessageResponse<{
         attachmentType: import("stream-chat").UR;
-        channelType: import("stream-chat").UR; /**
-         * By default the SDK uses an offset based pagination, you can change/extend this by providing your own custom paginator method.
-         *
-         * The method will be called with the result of the latest channel query.
-         *
-         * You can return either an offset, or a filter using the [`$lte`/`$gte` operator](https://getstream.io/chat/docs/javascript/query_syntax_operators/). If you return a filter, it will be merged with the filter provided for the `init` method.
-         */
+        channelType: import("stream-chat").UR;
         commandType: import("stream-chat").LiteralStringForUnion;
         eventType: import("stream-chat").UR;
         messageType: {};
@@ -385,8 +385,9 @@ export declare class ChannelService<T extends DefaultStreamChatGenerics = Defaul
     /**
      * Deletes the message from the active channel
      * @param message Message to be deleted
+     * @param isLocalDelete set this `true` if you want to delete a message that's only part of the local state, not yet saved on the backend
      */
-    deleteMessage(message: StreamMessage): Promise<void>;
+    deleteMessage(message: StreamMessage, isLocalDelete?: boolean): Promise<void>;
     /**
      * Uploads files to the channel. If you want to know more about [file uploads](https://getstream.io/chat/docs/javascript/file_uploads/?language=javascript) check out the platform documentation.
      * @param uploads the attachments to upload (output of the [`AttachmentService`](./AttachmentService.mdx))

package/lib/custom-templates.service.d.ts

@@ -220,6 +220,14 @@ export declare class CustomTemplatesService<T extends DefaultStreamChatGenerics
      * The template to show if the thread message list is empty
      */
     emptyThreadMessageListPlaceholder$: BehaviorSubject<TemplateRef<void> | undefined>;
+    /**
+     * The template used to display the [edit message form](../components/EditMessageFormComponent.mdx)
+     */
+    editMessageFormTemplate$: BehaviorSubject<TemplateRef<void> | undefined>;
+    /**
+     * The template used to display the [message bounce prompt](../components/MessageBouncePromptComponent.mdx)
+     */
+    messageBouncePromptTemplate$: BehaviorSubject<TemplateRef<void> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplatesService<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CustomTemplatesService<any>>;

package/lib/edit-message-form/edit-message-form.component.d.ts

@@ -0,0 +1,31 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { CustomTemplatesService } from '../custom-templates.service';
+import { MessageInputContext, ModalContext, StreamMessage } from '../types';
+import { Observable } from 'rxjs';
+import { MessageActionsService } from '../message-actions.service';
+import * as i0 from "@angular/core";
+/**
+ * The edit message form displays a modal that's opened when a user edits a message. The component uses the [`MessageActionsService`](../../services/MessageActionsService) to know which message is being edited.
+ *
+ * By default this is displayed within the [`stream-channel` component](../../components/ChannelComponent).
+ */
+export declare class EditMessageFormComponent implements OnInit, OnDestroy {
+    readonly customTemplatesService: CustomTemplatesService;
+    private messageActionsService;
+    class: string;
+    sendMessage$: Observable<void>;
+    isModalOpen: boolean;
+    message?: StreamMessage;
+    private modalContent;
+    private sendMessageSubject;
+    private subscriptions;
+    constructor(customTemplatesService: CustomTemplatesService, messageActionsService: MessageActionsService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    getEditModalContext(): ModalContext;
+    getMessageInputContext(): MessageInputContext;
+    sendClicked(): void;
+    dismissed(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditMessageFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditMessageFormComponent, "stream-edit-message-form", never, {}, {}, never, never>;
+}

package/lib/message/message.component.d.ts

@@ -56,7 +56,6 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     readonly themeVersion: '1' | '2';
     canReceiveReadEvents: boolean | undefined;
     canReactToMessage: boolean | undefined;
-    isEditing: boolean | undefined;
     isActionBoxOpen: boolean;
     isReactionSelectorOpen: boolean;
     visibleMessageActionsCount: number;
@@ -102,6 +101,7 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     getMessageContext(): SystemMessageContext;
     getQuotedMessageAttachmentListContext(): AttachmentListContext;
     getMessageReactionsContext(): MessageReactionsContext;
+    unsentMessageClicked(): void;
     resendMessage(): void;
     setAsActiveParentMessage(): void;
     getMentionContext(messagePart: MessagePart): MentionTemplateContext;
@@ -113,6 +113,7 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy, A
     jumpToMessage(messageId: string, parentMessageId?: string): void;
     displayTranslatedMessage(): void;
     displayOriginalMessage(): void;
+    openMessageBouncePrompt(): void;
     private createMessageParts;
     private getMessageContent;
     private fixEmojiDisplay;

package/lib/message-actions-box/message-actions-box.component.d.ts

@@ -1,7 +1,6 @@
 import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
-import { Observable } from 'rxjs';
 import { CustomTemplatesService } from '../custom-templates.service';
-import { CustomMessageActionItem, MessageActionBoxItemContext, MessageActionItem, MessageInputContext, ModalContext, StreamMessage } from '../types';
+import { CustomMessageActionItem, MessageActionBoxItemContext, MessageActionItem, MessageInputContext, StreamMessage } from '../types';
 import { MessageActionsService } from '../message-actions.service';
 import * as i0 from "@angular/core";
 /**
@@ -52,15 +51,11 @@ export declare class MessageActionsBoxComponent implements OnInit, OnChanges, On
      * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
      */
     readonly isEditing: EventEmitter<boolean>;
-    isEditModalOpen: boolean;
     messageInputTemplate: TemplateRef<MessageInputContext> | undefined;
     messageActionItemTemplate: TemplateRef<MessageActionBoxItemContext> | undefined;
-    modalTemplate: TemplateRef<ModalContext> | undefined;
     visibleMessageActionItems: (MessageActionItem | CustomMessageActionItem)[];
-    sendMessage$: Observable<void>;
+    isEditModalOpen: boolean;
     private readonly messageActionItems;
-    private modalContent;
-    private sendMessageSubject;
     private subscriptions;
     private isViewInited;
     constructor(customTemplatesService: CustomTemplatesService, messageActionsService: MessageActionsService, cdRef: ChangeDetectorRef);
@@ -70,10 +65,6 @@ export declare class MessageActionsBoxComponent implements OnInit, OnChanges, On
     ngOnDestroy(): void;
     getActionLabel(actionLabelOrTranslationKey: ((message: StreamMessage) => string) | string): string;
     getMessageActionTemplateContext(item: MessageActionItem | CustomMessageActionItem): MessageActionBoxItemContext<any>;
-    sendClicked(): void;
-    modalClosed: () => void;
-    getMessageInputContext(): MessageInputContext;
-    getEditModalContext(): ModalContext;
     trackByActionName(_: number, item: MessageActionItem | CustomMessageActionItem): string;
     private setVisibleActions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageActionsBoxComponent, never>;

package/lib/message-bounce-prompt/message-bounce-prompt.component.d.ts

@@ -0,0 +1,28 @@
+import { OnDestroy } from '@angular/core';
+import { ChannelService } from '../channel.service';
+import { CustomTemplatesService } from '../custom-templates.service';
+import { MessageActionsService } from '../message-actions.service';
+import { StreamMessage } from '../types';
+import * as i0 from "@angular/core";
+/**
+ * The component watches for the [`channelService.bouncedMessage$` stream](../../services/ChannelService/#bouncedmessage) and opens the bounce modal if a message is emitted.
+ *
+ * To bounce messages, you need to set up [semantic filters for moderation](https://getstream.io/automated-moderation/docs/automod_configuration/?q=semantic%20filters).
+ */
+export declare class MessageBouncePromptComponent implements OnDestroy {
+    private channelService;
+    readonly customTemplatesService: CustomTemplatesService;
+    private messageActionsService;
+    class: string;
+    isModalOpen: boolean;
+    message?: StreamMessage;
+    private subscriptions;
+    constructor(channelService: ChannelService, customTemplatesService: CustomTemplatesService, messageActionsService: MessageActionsService);
+    messageBounceModalOpenChanged: (isOpen: boolean) => void;
+    ngOnDestroy(): void;
+    resendMessage(): Promise<void>;
+    deleteMessage(): Promise<void>;
+    editMessage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageBouncePromptComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBouncePromptComponent, "stream-message-bounce-prompt", never, {}, {}, never, never>;
+}

package/lib/stream-chat.module.d.ts

@@ -19,12 +19,14 @@ import * as i17 from "./message-input/textarea.directive";
 import * as i18 from "./thread/thread.component";
 import * as i19 from "./icon-placeholder/icon-placeholder.component";
 import * as i20 from "./loading-indicator-placeholder/loading-indicator-placeholder.component";
-import * as i21 from "@angular/common";
-import * as i22 from "@ngx-translate/core";
-import * as i23 from "./stream-avatar.module";
-import * as i24 from "ngx-popperjs";
+import * as i21 from "./edit-message-form/edit-message-form.component";
+import * as i22 from "./message-bounce-prompt/message-bounce-prompt.component";
+import * as i23 from "@angular/common";
+import * as i24 from "@ngx-translate/core";
+import * as i25 from "./stream-avatar.module";
+import * as i26 from "ngx-popperjs";
 export declare class StreamChatModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StreamChatModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StreamChatModule, [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.LoadingIndicatorComponent, typeof i9.IconComponent, typeof i10.MessageActionsBoxComponent, typeof i11.AttachmentListComponent, typeof i12.MessageReactionsComponent, typeof i13.NotificationComponent, typeof i14.NotificationListComponent, typeof i15.AttachmentPreviewListComponent, typeof i16.ModalComponent, typeof i17.TextareaDirective, typeof i18.ThreadComponent, typeof i19.IconPlaceholderComponent, typeof i20.LoadingIndicatorPlaceholderComponent], [typeof i21.CommonModule, typeof i22.TranslateModule, typeof i23.StreamAvatarModule, typeof i24.NgxPopperjsModule], [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.LoadingIndicatorComponent, typeof i9.IconComponent, typeof i10.MessageActionsBoxComponent, typeof i11.AttachmentListComponent, typeof i12.MessageReactionsComponent, typeof i13.NotificationComponent, typeof i14.NotificationListComponent, typeof i15.AttachmentPreviewListComponent, typeof i16.ModalComponent, typeof i23.StreamAvatarModule, typeof i18.ThreadComponent, typeof i19.IconPlaceholderComponent, typeof i20.LoadingIndicatorPlaceholderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StreamChatModule, [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.LoadingIndicatorComponent, typeof i9.IconComponent, typeof i10.MessageActionsBoxComponent, typeof i11.AttachmentListComponent, typeof i12.MessageReactionsComponent, typeof i13.NotificationComponent, typeof i14.NotificationListComponent, typeof i15.AttachmentPreviewListComponent, typeof i16.ModalComponent, typeof i17.TextareaDirective, typeof i18.ThreadComponent, typeof i19.IconPlaceholderComponent, typeof i20.LoadingIndicatorPlaceholderComponent, typeof i21.EditMessageFormComponent, typeof i22.MessageBouncePromptComponent], [typeof i23.CommonModule, typeof i24.TranslateModule, typeof i25.StreamAvatarModule, typeof i26.NgxPopperjsModule], [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.LoadingIndicatorComponent, typeof i9.IconComponent, typeof i10.MessageActionsBoxComponent, typeof i11.AttachmentListComponent, typeof i12.MessageReactionsComponent, typeof i13.NotificationComponent, typeof i14.NotificationListComponent, typeof i15.AttachmentPreviewListComponent, typeof i16.ModalComponent, typeof i25.StreamAvatarModule, typeof i18.ThreadComponent, typeof i19.IconPlaceholderComponent, typeof i20.LoadingIndicatorPlaceholderComponent, typeof i21.EditMessageFormComponent, typeof i22.MessageBouncePromptComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StreamChatModule>;
 }

package/lib/types.d.ts

@@ -173,12 +173,6 @@ export declare type MessageActionsBoxContext = {
      * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
      */
     displayedActionsCountChangeHandler: (count: number) => any;
-    /**
-     * @deprecated components should use `messageReactionsService.getAuthorizedMessageActionsCount` method
-     *
-     * More information: https://getstream.io/chat/docs/sdk/angular/services/MessageActionsService
-     */
-    isEditingChangeHandler: (isEditing: boolean) => any;
 };
 export declare type MessageActionBoxItemContext<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     actionName: 'quote' | 'pin' | 'flag' | 'edit' | 'delete' | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "4.59.3",
+  "version": "4.60.0",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",

package/public-api.d.ts

@@ -20,6 +20,8 @@ export * from './lib/message/message.component';
 export * from './lib/parse-date';
 export * from './lib/list-users';
 export * from './lib/message-input/message-input.component';
+export * from './lib/edit-message-form/edit-message-form.component';
+export * from './lib/message-bounce-prompt/message-bounce-prompt.component';
 export * from './lib/message-input/textarea/textarea.component';
 export * from './lib/message-input/autocomplete-textarea/autocomplete-textarea.component';
 export * from './lib/message-input/message-input-config.service';

package/src/assets/i18n/en.ts

@@ -114,5 +114,8 @@ export const en = {
     'Unread messages': 'Unread messages',
     '{{count}} unread messages': '{{count}} unread messages',
     '{{count}} unread message': '{{count}} unread message',
+    'This message did not meet our content guidelines':
+      'This message did not meet our content guidelines',
+    'Send Anyway': 'Send Anyway',
   },
 };