stream-chat-angular 4.1.0 → 4.2.0

package/lib/attachment-configuration.service.d.ts

@@ -1,18 +1,18 @@
 import { Attachment } from 'stream-chat';
-import { AttachmentConfigration, DefaultStreamChatGenerics } from './types';
+import { AttachmentConfigration, DefaultStreamChatGenerics, VideoAttachmentConfiguration } from './types';
 import * as i0 from "@angular/core";
 /**
- * The `AttachmentConfigurationService` provides customization for certain attributes of attachments displayed inside the message component.
+ * The `AttachmentConfigurationService` provides customization for certain attributes of attachments displayed inside the message component. If you're using your own CDN, you can integrate resizing features of it by providing your own handlers.
  */
 export declare class AttachmentConfigurationService<T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
     /**
      * A custom handler can be provided to override the default image attachment (images uploaded from files) configuration. By default the SDK uses fixed image height (a size that's known before image is loaded), if you override that with dynamic image height (for example: height: 100%) the scrolling logic inside the message list can break.
      */
-    customImageAttachmentConfigurationHandler?: (a: Attachment<T>, type: 'gallery' | 'single' | 'carousel') => AttachmentConfigration;
+    customImageAttachmentConfigurationHandler?: (a: Attachment<T>, type: 'gallery' | 'single' | 'carousel', containerElement: HTMLElement) => AttachmentConfigration;
     /**
      * A custom handler can be provided to override the default video attachment (videos uploaded from files) configuration. By default the SDK uses fixed height (a size that's known before video is loaded), if you override that with dynamic height (for example: height: 100%) the scrolling logic inside the message list can break.
      */
-    customVideoAttachmentConfigurationHandler?: (a: Attachment<T>) => AttachmentConfigration;
+    customVideoAttachmentConfigurationHandler?: (a: Attachment<T>, containerElement: HTMLElement) => VideoAttachmentConfiguration;
     /**
      * A custom handler can be provided to override the default giphy attachment (GIFs sent with the /giphy command) configuration. By default the SDK uses fixed height (a size that's known before the GIF is loaded), if you override that with dynamic height (for example: height: 100%) the scrolling logic inside the message list can break.
      */
@@ -21,17 +21,23 @@ export declare class AttachmentConfigurationService<T extends DefaultStreamChatG
      * A custom handler can be provided to override the default scraped image attachment (images found in links inside messages) configuration. By default the SDK uses fixed height (a size that's known before image is loaded), if you override that with dynamic height (for example: height: 100%) the scrolling logic inside the message list can break.
      */
     customScrapedImageAttachmentConfigurationHandler?: (a: Attachment<T>) => AttachmentConfigration;
+    /**
+     * You can turn on/off thumbnail generation for video attachments
+     */
+    shouldGenerateVideoThumbnail: boolean;
     /**
      * Handles the configuration for image attachments, it's possible to provide your own function to override the default logic
      * @param attachment The attachment to configure
      * @param location Specifies where the image is being displayed
+     * @param element The default resizing logics reads the height/max-height and max-width propperties of this element and reduces file size based on the given values. File size reduction is done by Stream's CDN.
      */
-    getImageAttachmentConfiguration(attachment: Attachment<T>, location: 'gallery' | 'single' | 'carousel'): AttachmentConfigration;
+    getImageAttachmentConfiguration(attachment: Attachment<T>, location: 'gallery' | 'single' | 'carousel', element: HTMLElement): AttachmentConfigration;
     /**
      * Handles the configuration for video attachments, it's possible to provide your own function to override the default logic
      * @param attachment The attachment to configure
+     * @param element The default resizing logics reads the height/max-height and max-width propperties of this element and reduces file size based on the given values. File size reduction is done by Stream's CDN.
      */
-    getVideoAttachmentConfiguration(attachment: Attachment<T>): AttachmentConfigration;
+    getVideoAttachmentConfiguration(attachment: Attachment<T>, element: HTMLElement): VideoAttachmentConfiguration;
     /**
      * Handles the configuration for giphy attachments, it's possible to provide your own function to override the default logic
      * @param attachment The attachment to configure
@@ -42,6 +48,11 @@ export declare class AttachmentConfigurationService<T extends DefaultStreamChatG
      * @param attachment The attachment to configure
      */
     getScrapedImageAttachmentConfiguration(attachment: Attachment<T>): AttachmentConfigration;
+    private addResizingParamsToUrl;
+    private getSizingRestrictions;
+    private getSizeRestrictions;
+    private getCSSSizeRestriction;
+    private getValueRepresentationOfCSSProperty;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentConfigurationService<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AttachmentConfigurationService<any>>;
 }

package/lib/attachment-list/attachment-list.component.d.ts

@@ -1,6 +1,6 @@
-import { OnChanges } from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { Action, Attachment } from 'stream-chat';
-import { ModalContext, DefaultStreamChatGenerics } from '../types';
+import { ModalContext, DefaultStreamChatGenerics, AttachmentConfigration, VideoAttachmentConfiguration } from '../types';
 import { ChannelService } from '../channel.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { AttachmentConfigurationService } from '../attachment-configuration.service';
@@ -31,9 +31,10 @@ export declare class AttachmentListComponent implements OnChanges {
     imagesToViewCurrentIndex: number;
     themeVersion: '1' | '2';
     private modalContent;
+    private attachmentConfigurations;
     constructor(customTemplatesService: CustomTemplatesService, channelService: ChannelService, attachmentConfigurationService: AttachmentConfigurationService, themeService: ThemeService);
-    ngOnChanges(): void;
-    trackById(index: number): number;
+    ngOnChanges(changes: SimpleChanges): void;
+    trackByUrl(_: number, attachment: Attachment): unknown;
     isImage(attachment: Attachment): boolean;
     isSvg(attachment: Attachment): boolean;
     isFile(attachment: Attachment): boolean;
@@ -49,9 +50,10 @@ export declare class AttachmentListComponent implements OnChanges {
     openImageModal(attachments: Attachment[], selectedIndex?: number): void;
     stepImages(dir: -1 | 1): void;
     trackByImageUrl(_: number, item: Attachment): unknown;
-    getImageAttachmentConfiguration(attachment: Attachment, type: 'gallery' | 'single' | 'carousel'): import("../types").AttachmentConfigration;
-    getVideoAttachmentConfiguration(attachment: Attachment): import("../types").AttachmentConfigration;
-    getCardAttachmentConfiguration(attachment: Attachment): import("../types").AttachmentConfigration;
+    getImageAttachmentConfiguration(attachment: Attachment, type: 'gallery' | 'single', element: HTMLElement): AttachmentConfigration;
+    getCarouselImageAttachmentConfiguration(attachment: Attachment, element: HTMLElement): AttachmentConfigration;
+    getVideoAttachmentConfiguration(attachment: Attachment, element: HTMLElement): VideoAttachmentConfiguration;
+    getCardAttachmentConfiguration(attachment: Attachment): AttachmentConfigration;
     get isImageModalPrevButtonVisible(): boolean;
     get isImageModalNextButtonVisible(): boolean;
     private createGallery;

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

@@ -55,6 +55,7 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
     popperTriggerClick: NgxPopperjsTriggers;
     popperTriggerHover: NgxPopperjsTriggers;
     popperPlacementAuto: NgxPopperjsPlacements;
+    private quotedMessageAttachments;
     private user;
     private subscriptions;
     private container;
@@ -77,26 +78,6 @@ export declare class MessageComponent implements OnInit, OnChanges, OnDestroy {
         replyCount: number | undefined;
     };
     get canDisplayReadStatus(): boolean;
-    get quotedMessageAttachments(): import("stream-chat").Attachment<{
-        attachmentType: import("stream-chat").UR & import("../types").UnknownType & {
-            asset_url?: string | undefined;
-            id?: string | undefined;
-            images?: import("stream-chat").Attachment<DefaultStreamChatGenerics>[] | undefined;
-            mime_type?: string | undefined;
-        };
-        channelType: import("stream-chat").UR & import("../types").UnknownType & {
-            image?: string | undefined;
-            member_count?: number | undefined;
-            subtitle?: string | undefined;
-        };
-        commandType: string & {};
-        eventType: import("stream-chat").UR & import("../types").UnknownType;
-        messageType: {};
-        reactionType: import("stream-chat").UR & import("../types").UnknownType;
-        userType: import("stream-chat").UR & import("../types").UnknownType & import("../types").DefaultUserTypeInternal & {
-            mutes?: import("stream-chat").Mute<DefaultStreamChatGenerics>[] | undefined;
-        };
-    }>[];
     getAttachmentListContext(): AttachmentListContext;
     getQuotedMessageAttachmentListContext(): AttachmentListContext;
     getMessageReactionsContext(): MessageReactionsContext;

package/lib/types.d.ts

@@ -52,6 +52,7 @@ export declare type AttachmentUpload = {
     url?: string;
     type: 'image' | 'file' | 'video';
     previewUri?: string | ArrayBuffer;
+    thumb_url?: string;
 };
 export declare type MentionAutcompleteListItemContext = {
     item: MentionAutcompleteListItem;
@@ -185,3 +186,6 @@ export declare type AttachmentConfigration = {
     height: string;
     width: string;
 };
+export declare type VideoAttachmentConfiguration = AttachmentConfigration & {
+    thumbUrl?: string;
+};

package/package.json

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