stream-chat-angular 4.3.0 → 4.5.0

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.
Files changed (35) hide show
  1. package/assets/i18n/en.d.ts +2 -0
  2. package/assets/version.d.ts +1 -1
  3. package/bundles/stream-chat-angular.umd.js +115 -26
  4. package/bundles/stream-chat-angular.umd.js.map +1 -1
  5. package/esm2015/assets/i18n/en.js +3 -1
  6. package/esm2015/assets/version.js +2 -2
  7. package/esm2015/lib/attachment-configuration.service.js +9 -4
  8. package/esm2015/lib/channel-preview/channel-preview.component.js +4 -2
  9. package/esm2015/lib/channel.service.js +23 -7
  10. package/esm2015/lib/get-message-translation.js +13 -0
  11. package/esm2015/lib/message/message.component.js +64 -16
  12. package/esm2015/lib/message-input/message-input.component.js +2 -2
  13. package/esm2015/lib/types.js +1 -1
  14. package/fesm2015/stream-chat-angular.js +111 -27
  15. package/fesm2015/stream-chat-angular.js.map +1 -1
  16. package/lib/get-message-translation.d.ts +3 -0
  17. package/lib/message/message.component.d.ts +7 -0
  18. package/lib/types.d.ts +3 -1
  19. package/package.json +1 -1
  20. package/src/assets/i18n/en.ts +3 -0
  21. package/src/assets/styles/css/index.css +1 -1
  22. package/src/assets/styles/css/index.css.map +1 -1
  23. package/src/assets/styles/scss/Attachment.scss +6 -2
  24. package/src/assets/styles/scss/Message.scss +18 -0
  25. package/src/assets/styles/v2/css/index.css +1 -1
  26. package/src/assets/styles/v2/css/index.css.map +1 -1
  27. package/src/assets/styles/v2/css/index.layout.css +1 -1
  28. package/src/assets/styles/v2/css/index.layout.css.map +1 -1
  29. package/src/assets/styles/v2/scss/AttachmentList/AttachmentList-layout.scss +16 -7
  30. package/src/assets/styles/v2/scss/Autocomplete/Autocomplete-layout.scss +2 -0
  31. package/src/assets/styles/v2/scss/Message/Message-layout.scss +12 -0
  32. package/src/assets/styles/v2/scss/Message/Message-theme.scss +20 -0
  33. package/src/assets/styles/v2/scss/index.scss +1 -1
  34. package/src/assets/styles/v2/scss/vendor/react-image-gallery.scss +232 -0
  35. package/src/assets/version.ts +1 -1
@@ -0,0 +1,3 @@
1
+ import { Channel, FormatMessageResponse, MessageResponse, User } from 'stream-chat';
2
+ import { DefaultStreamChatGenerics, StreamMessage } from './types';
3
+ export declare const getMessageTranslation: <T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: StreamMessage<DefaultStreamChatGenerics> | MessageResponse<import("stream-chat").DefaultGenerics> | FormatMessageResponse<import("stream-chat").DefaultGenerics> | undefined, channel?: Channel<T> | undefined, user?: User<import("stream-chat").DefaultGenerics> | undefined) => string | undefined;
@@ -55,6 +55,8 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
55
55
  popperTriggerClick: NgxPopperjsTriggers;
56
56
  popperTriggerHover: NgxPopperjsTriggers;
57
57
  popperPlacementAuto: NgxPopperjsPlacements;
58
+ shouldDisplayTranslationNotice: boolean;
59
+ displayedMessageTextContent: 'original' | 'translation';
58
60
  private quotedMessageAttachments;
59
61
  private user;
60
62
  private subscriptions;
@@ -86,7 +88,12 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
86
88
  getMentionContext(messagePart: MessagePart): MentionTemplateContext;
87
89
  getMessageActionsBoxContext(): MessageActionsBoxContext;
88
90
  jumpToMessage(messageId: string, parentMessageId?: string): void;
91
+ displayTranslatedMessage(): void;
92
+ displayOriginalMessage(): void;
89
93
  private createMessageParts;
94
+ private getMessageContent;
95
+ private fixEmojiDisplay;
96
+ private wrapLinskWithAnchorTag;
90
97
  static ɵfac: i0.ɵɵFactoryDeclaration<MessageComponent, never>;
91
98
  static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "stream-message", never, { "message": "message"; "enabledMessageActions": "enabledMessageActions"; "isLastSentMessage": "isLastSentMessage"; "mode": "mode"; "isHighlighted": "isHighlighted"; }, {}, never, never>;
92
99
  }
package/lib/types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { TemplateRef } from '@angular/core';
2
2
  import { Observable, Subject } from 'rxjs';
3
- import type { Attachment, Channel, ChannelMemberResponse, CommandResponse, Event, ExtendableGenerics, FormatMessageResponse, LiteralStringForUnion, Mute, ReactionResponse, User, UserResponse } from 'stream-chat';
3
+ import type { Attachment, Channel, ChannelMemberResponse, CommandResponse, Event, ExtendableGenerics, FormatMessageResponse, LiteralStringForUnion, MessageResponseBase, Mute, ReactionResponse, User, UserResponse } from 'stream-chat';
4
4
  import { Icon } from './icon/icon.component';
5
5
  export declare type UnknownType = Record<string, unknown>;
6
6
  export declare type CustomTrigger = {
@@ -37,6 +37,8 @@ export declare type DefaultMessageType = UnknownType & {
37
37
  event?: Event<DefaultStreamChatGenerics>;
38
38
  unread?: boolean;
39
39
  readBy: UserResponse<DefaultStreamChatGenerics>[];
40
+ translation?: string;
41
+ quoted_message?: MessageResponseBase<DefaultStreamChatGenerics>;
40
42
  };
41
43
  export declare type DefaultUserTypeInternal = {
42
44
  image?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stream-chat-angular",
3
- "version": "4.3.0",
3
+ "version": "4.5.0",
4
4
  "description": "Angular components to create chat conversations or livestream style chat",
5
5
  "author": "GetStream",
6
6
  "homepage": "https://getstream.io/chat/",
@@ -101,5 +101,8 @@ export const en = {
101
101
  'user is typing': '{{ user }} is typing',
102
102
  'users are typing': '{{ users }} are typing',
103
103
  'Error loading channels': 'Error loading channels',
104
+ 'See original (automatically translated)':
105
+ 'See original (automatically translated)',
106
+ 'See translation': 'See translation',
104
107
  },
105
108
  };