stream-chat-angular 3.0.0-beta.1 → 3.0.0-beta.4
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/assets/version.d.ts +1 -1
- package/bundles/stream-chat-angular.umd.js +813 -456
- package/bundles/stream-chat-angular.umd.js.map +1 -1
- package/esm2015/assets/version.js +2 -2
- package/esm2015/lib/attachment-list/attachment-list.component.js +27 -15
- package/esm2015/lib/attachment-preview-list/attachment-preview-list.component.js +28 -22
- package/esm2015/lib/avatar-placeholder/avatar-placeholder.component.js +41 -0
- package/esm2015/lib/channel-header/channel-header.component.js +26 -9
- package/esm2015/lib/channel-list/channel-list.component.js +23 -13
- package/esm2015/lib/channel-preview/channel-preview.component.js +3 -3
- package/esm2015/lib/channel.service.js +71 -59
- package/esm2015/lib/chat-client.service.js +26 -2
- package/esm2015/lib/custom-templates.service.js +139 -0
- package/esm2015/lib/icon-placeholder/icon-placeholder.component.js +34 -0
- package/esm2015/lib/loading-indicator-placeholder/loading-indicator-placeholder.component.js +42 -0
- package/esm2015/lib/message/message.component.js +67 -17
- package/esm2015/lib/message-actions-box/message-actions-box.component.js +123 -95
- package/esm2015/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.js +13 -13
- package/esm2015/lib/message-input/message-input-config.service.js +1 -1
- package/esm2015/lib/message-input/message-input.component.js +42 -34
- package/esm2015/lib/message-input/textarea.directive.js +2 -18
- package/esm2015/lib/message-input/textarea.interface.js +1 -1
- package/esm2015/lib/message-list/message-list.component.js +31 -22
- package/esm2015/lib/message-reactions/message-reactions.component.js +3 -3
- package/esm2015/lib/modal/modal.component.js +9 -6
- package/esm2015/lib/notification/notification.component.js +5 -2
- package/esm2015/lib/notification-list/notification-list.component.js +16 -11
- package/esm2015/lib/notification.service.js +34 -18
- package/esm2015/lib/stream-avatar.module.js +5 -4
- package/esm2015/lib/stream-chat.module.js +13 -3
- package/esm2015/lib/thread/thread.component.js +19 -11
- package/esm2015/lib/types.js +1 -1
- package/esm2015/public-api.js +5 -1
- package/fesm2015/stream-chat-angular.js +734 -305
- package/fesm2015/stream-chat-angular.js.map +1 -1
- package/lib/attachment-list/attachment-list.component.d.ts +7 -3
- package/lib/attachment-preview-list/attachment-preview-list.component.d.ts +17 -7
- package/lib/avatar-placeholder/avatar-placeholder.component.d.ts +25 -0
- package/lib/channel-header/channel-header.component.d.ts +12 -2
- package/lib/channel-list/channel-list.component.d.ts +12 -9
- package/lib/channel.service.d.ts +14 -15
- package/lib/chat-client.service.d.ts +7 -1
- package/lib/custom-templates.service.d.ts +132 -0
- package/lib/icon-placeholder/icon-placeholder.component.d.ts +22 -0
- package/lib/loading-indicator-placeholder/loading-indicator-placeholder.component.d.ts +21 -0
- package/lib/message/message.component.d.ts +19 -13
- package/lib/message-actions-box/message-actions-box.component.d.ts +20 -21
- package/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.d.ts +6 -10
- package/lib/message-input/message-input-config.service.d.ts +0 -14
- package/lib/message-input/message-input.component.d.ts +15 -18
- package/lib/message-input/textarea.directive.d.ts +2 -5
- package/lib/message-input/textarea.interface.d.ts +1 -4
- package/lib/message-list/message-list.component.d.ts +10 -22
- package/lib/message-reactions/message-reactions.component.d.ts +1 -2
- package/lib/modal/modal.component.d.ts +7 -3
- package/lib/notification/notification.component.d.ts +7 -2
- package/lib/notification-list/notification-list.component.d.ts +9 -3
- package/lib/notification.service.d.ts +14 -13
- package/lib/stream-avatar.module.d.ts +4 -3
- package/lib/stream-chat.module.d.ts +6 -4
- package/lib/thread/thread.component.d.ts +6 -3
- package/lib/types.d.ts +110 -1
- package/package.json +2 -3
- package/public-api.d.ts +4 -0
- package/src/assets/styles/assets/EmojiOneColor.woff2 +0 -0
- package/src/assets/styles/assets/NotoColorEmoji-flags.woff2 +0 -0
- package/src/assets/styles/assets/Poweredby_100px-White_VertText.png +0 -0
- package/src/assets/styles/assets/str-chat__reaction-list-sprite@1x.png +0 -0
- package/src/assets/styles/assets/str-chat__reaction-list-sprite@2x.png +0 -0
- package/src/assets/styles/assets/str-chat__reaction-list-sprite@3x.png +0 -0
- package/src/assets/styles/css/index.css +1 -0
- package/src/assets/styles/css/index.css.map +1 -0
- package/src/assets/styles/scss/ActionsBox.scss +56 -0
- package/src/assets/styles/scss/Attachment.scss +227 -0
- package/src/assets/styles/scss/AttachmentActions.scss +44 -0
- package/src/assets/styles/scss/Audio.scss +112 -0
- package/src/assets/styles/scss/Avatar.scss +79 -0
- package/src/assets/styles/scss/Card.scss +100 -0
- package/src/assets/styles/scss/ChannelHeader.scss +282 -0
- package/src/assets/styles/scss/ChannelList.scss +117 -0
- package/src/assets/styles/scss/ChannelListMessenger.scss +9 -0
- package/src/assets/styles/scss/ChannelPreview.scss +108 -0
- package/src/assets/styles/scss/ChannelSearch.scss +111 -0
- package/src/assets/styles/scss/ChatDown.scss +15 -0
- package/src/assets/styles/scss/DateSeparator.scss +51 -0
- package/src/assets/styles/scss/EditMessageForm.scss +112 -0
- package/src/assets/styles/scss/EventComponent.scss +48 -0
- package/src/assets/styles/scss/Gallery.scss +135 -0
- package/src/assets/styles/scss/InfiniteScrollPaginator.scss +6 -0
- package/src/assets/styles/scss/LoadMoreButton.scss +44 -0
- package/src/assets/styles/scss/LoadingChannels.scss +70 -0
- package/src/assets/styles/scss/LoadingIndicator.scss +38 -0
- package/src/assets/styles/scss/Message.scss +1261 -0
- package/src/assets/styles/scss/MessageActions.scss +112 -0
- package/src/assets/styles/scss/MessageCommerce.scss +564 -0
- package/src/assets/styles/scss/MessageInput.scss +385 -0
- package/src/assets/styles/scss/MessageInputFlat.scss +305 -0
- package/src/assets/styles/scss/MessageList.scss +203 -0
- package/src/assets/styles/scss/MessageLivestream.scss +325 -0
- package/src/assets/styles/scss/MessageNotification.scss +49 -0
- package/src/assets/styles/scss/MessageRepliesCountButton.scss +33 -0
- package/src/assets/styles/scss/MessageTeam.scss +617 -0
- package/src/assets/styles/scss/Modal.scss +77 -0
- package/src/assets/styles/scss/ReactionList.scss +183 -0
- package/src/assets/styles/scss/ReactionSelector.scss +212 -0
- package/src/assets/styles/scss/SendButton.scss +14 -0
- package/src/assets/styles/scss/SimpleReactionsList.scss +76 -0
- package/src/assets/styles/scss/SmallMessageInput.scss +172 -0
- package/src/assets/styles/scss/Thread.scss +306 -0
- package/src/assets/styles/scss/Tooltip.scss +38 -0
- package/src/assets/styles/scss/TypingIndicator.scss +75 -0
- package/src/assets/styles/scss/VirtualMessage.scss +286 -0
- package/src/assets/styles/scss/_base.scss +206 -0
- package/src/assets/styles/scss/_variables.scss +158 -0
- package/src/assets/styles/scss/index.scss +50 -0
- package/src/assets/styles/scss/vendor/emoji-mart.scss +495 -0
- package/src/assets/styles/scss/vendor/mml-react.scss +1749 -0
- package/src/assets/styles/scss/vendor/react-file-utils.scss +378 -0
- package/src/assets/styles/scss/vendor/react-image-gallery.scss +224 -0
- package/src/assets/version.ts +1 -1
package/lib/types.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { Observable, Subject } from 'rxjs';
|
|
3
|
+
import type { Attachment, Channel, ChannelMemberResponse, CommandResponse, Event, FormatMessageResponse, LiteralStringForUnion, Mute, ReactionResponse, UserResponse } from 'stream-chat';
|
|
4
|
+
import { Icon } from './icon/icon.component';
|
|
2
5
|
export declare type UnknownType = Record<string, unknown>;
|
|
3
6
|
export declare type CustomTrigger = {
|
|
4
7
|
[key: string]: {
|
|
@@ -55,3 +58,109 @@ export declare type MentionAutcompleteListItem = (ChannelMemberResponse | UserRe
|
|
|
55
58
|
export declare type ComandAutocompleteListItem = CommandResponse & {
|
|
56
59
|
autocompleteLabel: string;
|
|
57
60
|
};
|
|
61
|
+
export declare type NotificationType = 'success' | 'error' | 'info';
|
|
62
|
+
export declare type NotificationPayload<T = {}> = {
|
|
63
|
+
id: string;
|
|
64
|
+
type: NotificationType;
|
|
65
|
+
text?: string;
|
|
66
|
+
translateParams?: Object;
|
|
67
|
+
template?: TemplateRef<T>;
|
|
68
|
+
templateContext?: T;
|
|
69
|
+
dismissFn: Function;
|
|
70
|
+
};
|
|
71
|
+
export declare type ChannelPreviewContext = {
|
|
72
|
+
channel: Channel;
|
|
73
|
+
};
|
|
74
|
+
export declare type MessageInputContext = {
|
|
75
|
+
isFileUploadEnabled: boolean | undefined;
|
|
76
|
+
areMentionsEnabled: boolean | undefined;
|
|
77
|
+
mentionScope: 'channel' | 'application' | undefined;
|
|
78
|
+
mode: 'thread' | 'main' | undefined;
|
|
79
|
+
isMultipleFileUploadEnabled: boolean | undefined;
|
|
80
|
+
message: StreamMessage | undefined;
|
|
81
|
+
messageUpdateHandler: Function | undefined;
|
|
82
|
+
};
|
|
83
|
+
export declare type MentionTemplateContext = {
|
|
84
|
+
content: string;
|
|
85
|
+
user: UserResponse;
|
|
86
|
+
};
|
|
87
|
+
export declare type EmojiPickerContext = {
|
|
88
|
+
emojiInput$: Subject<string>;
|
|
89
|
+
};
|
|
90
|
+
export declare type TypingIndicatorContext = {
|
|
91
|
+
usersTyping$: Observable<UserResponse<DefaultUserType>[]>;
|
|
92
|
+
};
|
|
93
|
+
export declare type MessageContext = {
|
|
94
|
+
message: StreamMessage | undefined;
|
|
95
|
+
enabledMessageActions: string[];
|
|
96
|
+
isLastSentMessage: boolean | undefined;
|
|
97
|
+
mode: 'thread' | 'main';
|
|
98
|
+
};
|
|
99
|
+
export declare type ChannelActionsContext = {
|
|
100
|
+
channel: Channel;
|
|
101
|
+
};
|
|
102
|
+
export declare type AttachmentListContext = {
|
|
103
|
+
messageId: string;
|
|
104
|
+
attachments: Attachment<DefaultAttachmentType>[];
|
|
105
|
+
};
|
|
106
|
+
export declare type AvatarContext = {
|
|
107
|
+
name: string | undefined;
|
|
108
|
+
imageUrl: string | undefined;
|
|
109
|
+
size: number | undefined;
|
|
110
|
+
};
|
|
111
|
+
export declare type AttachmentPreviewListContext = {
|
|
112
|
+
attachmentUploads$: Observable<AttachmentUpload[]> | undefined;
|
|
113
|
+
retryUploadHandler: (f: File) => any;
|
|
114
|
+
deleteUploadHandler: (u: AttachmentUpload) => any;
|
|
115
|
+
};
|
|
116
|
+
export declare type IconContext = {
|
|
117
|
+
icon: Icon | undefined;
|
|
118
|
+
size: number | undefined;
|
|
119
|
+
};
|
|
120
|
+
export declare type LoadingIndicatorContext = {
|
|
121
|
+
size: number | undefined;
|
|
122
|
+
color: string | undefined;
|
|
123
|
+
};
|
|
124
|
+
export declare type MessageActionsBoxContext = {
|
|
125
|
+
isOpen: boolean;
|
|
126
|
+
isMine: boolean;
|
|
127
|
+
message: StreamMessage | undefined;
|
|
128
|
+
enabledActions: string[];
|
|
129
|
+
displayedActionsCountChaneHanler: (count: number) => any;
|
|
130
|
+
isEditingChangeHandler: (isEditing: boolean) => any;
|
|
131
|
+
};
|
|
132
|
+
export declare type MessageActionBoxItemContext = {
|
|
133
|
+
actionName: 'quote' | 'pin' | 'flag' | 'mute' | 'edit' | 'delete';
|
|
134
|
+
actionLabelOrTranslationKey: (() => string) | string;
|
|
135
|
+
actionHandler: () => any;
|
|
136
|
+
};
|
|
137
|
+
export declare type MessageActionItem = {
|
|
138
|
+
actionName: 'quote' | 'pin' | 'flag' | 'mute' | 'edit' | 'delete';
|
|
139
|
+
actionLabelOrTranslationKey: (() => string) | string;
|
|
140
|
+
isVisible: (enabledActions: string[], isMine: boolean, message: StreamMessage) => boolean;
|
|
141
|
+
actionHandler: (message: StreamMessage, isMine: boolean) => any;
|
|
142
|
+
};
|
|
143
|
+
export declare type MessageReactionsContext = {
|
|
144
|
+
messageId: string | undefined;
|
|
145
|
+
messageReactionCounts: {
|
|
146
|
+
[key in MessageReactionType]?: number;
|
|
147
|
+
};
|
|
148
|
+
isSelectorOpen: boolean;
|
|
149
|
+
latestReactions: ReactionResponse<DefaultReactionType, DefaultUserType>[];
|
|
150
|
+
ownReactions: ReactionResponse<DefaultReactionType, DefaultUserType>[];
|
|
151
|
+
isSelectorOpenChangeHandler: (isOpen: boolean) => any;
|
|
152
|
+
};
|
|
153
|
+
export declare type ModalContext = {
|
|
154
|
+
isOpen: boolean;
|
|
155
|
+
isOpenChangeHandler: (isOpen: boolean) => any;
|
|
156
|
+
content: TemplateRef<void>;
|
|
157
|
+
};
|
|
158
|
+
export declare type NotificationContext = {
|
|
159
|
+
type: NotificationType | undefined;
|
|
160
|
+
content: TemplateRef<void> | undefined;
|
|
161
|
+
};
|
|
162
|
+
export declare type ThreadHeaderContext = {
|
|
163
|
+
parentMessage: StreamMessage | undefined;
|
|
164
|
+
closeThreadHandler: Function;
|
|
165
|
+
};
|
|
166
|
+
export declare type MessageReactionType = 'angry' | 'haha' | 'like' | 'love' | 'sad' | 'wow';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "stream-chat-angular",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.4",
|
|
4
4
|
"description": "Angular components to create chat conversations or livestream style chat",
|
|
5
5
|
"author": "GetStream",
|
|
6
6
|
"homepage": "https://getstream.io/chat/",
|
|
@@ -12,8 +12,7 @@
|
|
|
12
12
|
"@angular/common": "^12.2.0 || ^13.0.0",
|
|
13
13
|
"@angular/core": "^12.2.0 || ^13.0.0",
|
|
14
14
|
"@ngx-translate/core": "^13.0.0 || ^14.0.0",
|
|
15
|
-
"stream-chat": "^4.3.0 || ^5.0.0"
|
|
16
|
-
"@stream-io/stream-chat-css": "2.6.0"
|
|
15
|
+
"stream-chat": "^4.3.0 || ^5.0.0"
|
|
17
16
|
},
|
|
18
17
|
"dependencies": {
|
|
19
18
|
"angular-mentions": "^1.4.0",
|
package/public-api.d.ts
CHANGED
|
@@ -4,8 +4,11 @@ export * from './lib/theme.service';
|
|
|
4
4
|
export * from './lib/attachment.service';
|
|
5
5
|
export * from './lib/stream-i18n.service';
|
|
6
6
|
export * from './lib/avatar/avatar.component';
|
|
7
|
+
export * from './lib/avatar-placeholder/avatar-placeholder.component';
|
|
7
8
|
export * from './lib/icon/icon.component';
|
|
9
|
+
export * from './lib/icon-placeholder/icon-placeholder.component';
|
|
8
10
|
export * from './lib/loading-indicator/loading-indicator.component';
|
|
11
|
+
export * from './lib/loading-indicator-placeholder/loading-indicator-placeholder.component';
|
|
9
12
|
export * from './lib/message-actions-box/message-actions-box.component';
|
|
10
13
|
export * from './lib/channel/channel.component';
|
|
11
14
|
export * from './lib/channel-header/channel-header.component';
|
|
@@ -44,4 +47,5 @@ export * from './lib/stream-avatar.module';
|
|
|
44
47
|
export * from './lib/stream-autocomplete-textarea.module';
|
|
45
48
|
export * from './lib/stream-textarea.module';
|
|
46
49
|
export * from './lib/injection-tokens';
|
|
50
|
+
export * from './lib/custom-templates.service';
|
|
47
51
|
export * from './lib/types';
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|