stream-chat-angular 5.3.2 → 5.4.1

package/lib/attachment.service.d.ts

@@ -2,7 +2,7 @@ import { Observable } from 'rxjs';
 import { Attachment } from 'stream-chat';
 import { ChannelService } from './channel.service';
 import { NotificationService } from './notification.service';
-import { AttachmentUpload, DefaultStreamChatGenerics } from './types';
+import { AttachmentUpload, AudioRecording, DefaultStreamChatGenerics } from './types';
 import { ChatClientService } from './chat-client.service';
 import * as i0 from "@angular/core";
 /**
@@ -30,6 +30,12 @@ export declare class AttachmentService<T extends DefaultStreamChatGenerics = Def
      * Resets the attachments uploads (for example after the message with the attachments sent successfully)
      */
     resetAttachmentUploads(): void;
+    /**
+     * Upload a voice recording
+     * @param audioRecording
+     * @returns A promise with true or false. If false is returned the upload was canceled because of a client side error. The error is emitted via the `NotificationService`.
+     */
+    uploadVoiceRecording(audioRecording: AudioRecording): Promise<boolean>;
     /**
      * Uploads the selected files, and creates preview for image files. The result is propagated throught the `attachmentUploads$` stream.
      * @param fileList The files selected by the user, if you have Blobs instead of Files, you can convert them with this method: https://developer.mozilla.org/en-US/docs/Web/API/File/File

package/lib/file-utils.d.ts

@@ -0,0 +1,9 @@
+export declare const isImageFile: (file: File) => boolean;
+export declare const readBlobAsArrayBuffer: (blob: Blob) => Promise<ArrayBuffer>;
+export declare const createFileFromBlobs: ({ blobsArray, fileName, mimeType, }: {
+    blobsArray: Blob[];
+    fileName: string;
+    mimeType: string;
+}) => File;
+export declare const getExtensionFromMimeType: (mimeType: string) => string | null;
+export declare const createUriFromBlob: (blob: Blob) => Promise<string | ArrayBuffer | undefined>;

package/lib/format-duration.d.ts

@@ -0,0 +1 @@
+export declare const formatDuration: (durationInSeconds?: number) => string;

package/lib/{icon-placeholder → icon/icon-placeholder}/icon-placeholder.component.d.ts

@@ -1,7 +1,7 @@
 import { OnChanges } from '@angular/core';
-import { CustomTemplatesService } from '../custom-templates.service';
-import { Icon } from '../icon/icon.component';
-import { IconContext } from '../types';
+import { Icon } from '../icon.component';
+import { IconContext } from '../../types';
+import { CustomTemplatesService } from '../../custom-templates.service';
 import * as i0 from "@angular/core";
 /**
  * The `IconPlaceholder` component displays the [default icons](./IconComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.

package/lib/icon/icon.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare type Icon = 'action' | 'delivered' | 'read' | 'reaction' | 'send' | 'retry' | 'close' | 'audio-file' | 'reply-in-thread' | 'arrow-left' | 'arrow-up' | 'arrow-down' | 'arrow-right' | 'chat-bubble' | 'attach' | 'unspecified-filetype' | 'download' | 'error' | 'play' | 'pause';
+export declare type Icon = 'action' | 'delivered' | 'read' | 'reaction' | 'send' | 'retry' | 'close' | 'audio-file' | 'reply-in-thread' | 'arrow-left' | 'arrow-up' | 'arrow-down' | 'arrow-right' | 'chat-bubble' | 'attach' | 'unspecified-filetype' | 'download' | 'error' | 'play' | 'pause' | 'mic' | 'bin';
 /**
  * The `Icon` component can be used to display different icons (i. e. message delivered icon).
  */

package/lib/icon/icon.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon.component";
+import * as i2 from "./icon-placeholder/icon-placeholder.component";
+import * as i3 from "./loading-indicator/loading-indicator.component";
+import * as i4 from "./loading-indicator-placeholder/loading-indicator-placeholder.component";
+import * as i5 from "@angular/common";
+export declare class IconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, [typeof i1.IconComponent, typeof i2.IconPlaceholderComponent, typeof i3.LoadingIndicatorComponent, typeof i4.LoadingIndicatorPlaceholderComponent], [typeof i5.CommonModule], [typeof i1.IconComponent, typeof i2.IconPlaceholderComponent, typeof i3.LoadingIndicatorComponent, typeof i4.LoadingIndicatorPlaceholderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IconModule>;
+}

package/lib/{loading-indicator-placeholder → icon/loading-indicator-placeholder}/loading-indicator-placeholder.component.d.ts

@@ -1,4 +1,4 @@
-import { CustomTemplatesService } from '../custom-templates.service';
+import { CustomTemplatesService } from '../../custom-templates.service';
 import * as i0 from "@angular/core";
 /**
  * The `LoadingInficatorPlaceholder` component displays the [default loading indicator](./LoadingIndicatorComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.

package/lib/is-safari.d.ts

@@ -0,0 +1 @@
+export declare const isSafari: boolean;

package/lib/message-input/message-input-config.service.d.ts

@@ -23,6 +23,11 @@ export declare class MessageInputConfigService {
      * In `desktop` mode the `Enter` key will trigger message sending, in `mobile` mode the `Enter` key will insert a new line to the message input.
      */
     inputMode: 'desktop' | 'mobile';
+    /**
+     * If `true` the recording will be sent as a message immediately after the recording is completed.
+     * If `false`, the recording will added to the attachment preview, and users can continue composing the message.
+     */
+    sendVoiceRecordingImmediately: boolean;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputConfigService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MessageInputConfigService>;

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

@@ -4,12 +4,14 @@ import { UserResponse } from 'stream-chat';
 import { AttachmentService } from '../attachment.service';
 import { ChannelService } from '../channel.service';
 import { NotificationService } from '../notification.service';
-import { AttachmentPreviewListContext, AttachmentUpload, CustomAttachmentUploadContext, DefaultStreamChatGenerics, EmojiPickerContext, StreamMessage } from '../types';
+import { AttachmentPreviewListContext, AttachmentUpload, AudioRecording, CustomAttachmentUploadContext, DefaultStreamChatGenerics, EmojiPickerContext, StreamMessage } from '../types';
 import { MessageInputConfigService } from './message-input-config.service';
 import { TextareaInterface } from './textarea.interface';
 import { EmojiInputService } from './emoji-input.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { MessageActionsService } from '../message-actions.service';
+import { VoiceRecorderService } from './voice-recorder.service';
+import { AudioRecorderService } from '../voice-recorder/audio-recorder.service';
 import * as i0 from "@angular/core";
 /**
  * The `MessageInput` component displays an input where users can type their messages and upload files, and sends the message to the active channel. The component can be used to compose new messages or update existing ones. To send messages, the chat user needs to have the necessary [channel capability](https://getstream.io/chat/docs/javascript/channel_capabilities/?language=javascript).
@@ -17,7 +19,7 @@ import * as i0 from "@angular/core";
 export declare class MessageInputComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     private channelService;
     private notificationService;
-    private attachmentService;
+    readonly attachmentService: AttachmentService;
     private configService;
     private textareaType;
     private componentFactoryResolver;
@@ -25,6 +27,8 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private emojiInputService;
     private customTemplatesService;
     private messageActionsService;
+    readonly voiceRecorderService: VoiceRecorderService;
+    audioRecorder?: AudioRecorderService | undefined;
     /**
      * If file upload is enabled, the user can open a file selector from the input. Please note that the user also needs to have the necessary [channel capability](https://getstream.io/chat/docs/javascript/channel_capabilities/?language=javascript). If no value is provided, it is set from the [`MessageInputConfigService`](../services/MessageInputConfigService.mdx).
      */
@@ -71,13 +75,21 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
      * Use this input to control wether a send button is rendered or not. If you don't render a send button, you can still trigger message send using the `sendMessage$` input.
      */
     displaySendButton: boolean;
+    /**
+     * You can enable/disable voice recordings with this input
+     */
+    displayVoiceRecordingButton: boolean;
     /**
      * Emits when a message was successfuly sent or updated
      */
     readonly messageUpdate: EventEmitter<{
         message: StreamMessage;
     }>;
+    voiceRecorderRef: TemplateRef<{
+        service: VoiceRecorderService;
+    }> | undefined;
     class: string;
+    isVoiceRecording: boolean;
     isFileUploadAuthorized: boolean | undefined;
     canSendLinks: boolean | undefined;
     canSendMessages: boolean | undefined;
@@ -105,7 +117,7 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private readonly defaultTextareaPlaceholder;
     private readonly slowModeTextareaPlaceholder;
     private messageToEdit?;
-    constructor(channelService: ChannelService, notificationService: NotificationService, attachmentService: AttachmentService, configService: MessageInputConfigService, textareaType: Type<TextareaInterface>, componentFactoryResolver: ComponentFactoryResolver, cdRef: ChangeDetectorRef, emojiInputService: EmojiInputService, customTemplatesService: CustomTemplatesService, messageActionsService: MessageActionsService);
+    constructor(channelService: ChannelService, notificationService: NotificationService, attachmentService: AttachmentService, configService: MessageInputConfigService, textareaType: Type<TextareaInterface>, componentFactoryResolver: ComponentFactoryResolver, cdRef: ChangeDetectorRef, emojiInputService: EmojiInputService, customTemplatesService: CustomTemplatesService, messageActionsService: MessageActionsService, voiceRecorderService: VoiceRecorderService, audioRecorder?: AudioRecorderService | undefined);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -142,6 +154,8 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     getEmojiPickerContext(): EmojiPickerContext;
     getAttachmentPreviewListContext(): AttachmentPreviewListContext;
     getAttachmentUploadContext(): CustomAttachmentUploadContext;
+    startVoiceRecording(): Promise<void>;
+    voiceRecordingReady(recording: AudioRecording): Promise<void>;
     get isUpdate(): boolean;
     private deleteUpload;
     private retryUpload;
@@ -153,6 +167,6 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private stopCooldown;
     private checkIfInEditMode;
     private messageToUpdateChanged;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mode": "mode"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; "sendMessage$": "sendMessage$"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; "watchForMessageToEdit": "watchForMessageToEdit"; "displaySendButton": "displaySendButton"; }, { "messageUpdate": "messageUpdate"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputComponent, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mode": "mode"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; "sendMessage$": "sendMessage$"; "inputMode": "inputMode"; "autoFocus": "autoFocus"; "watchForMessageToEdit": "watchForMessageToEdit"; "displaySendButton": "displaySendButton"; "displayVoiceRecordingButton": "displayVoiceRecordingButton"; }, { "messageUpdate": "messageUpdate"; }, ["voiceRecorderRef"], ["[message-input-start]", "[message-input-end]"], false, never>;
 }

package/lib/message-input/voice-recorder.service.d.ts

@@ -0,0 +1,19 @@
+import { BehaviorSubject } from 'rxjs';
+import { AudioRecording } from '../types';
+import * as i0 from "@angular/core";
+/**
+ * The `VoiceRecorderService` provides a commincation outlet between the message input and voice recorder components.
+ */
+export declare class VoiceRecorderService {
+    /**
+     * Use this property to get/set if the recording component should be visible
+     */
+    isRecorderVisible$: BehaviorSubject<boolean>;
+    /**
+     * The audio recording that was created
+     */
+    recording$: BehaviorSubject<AudioRecording | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<VoiceRecorderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<VoiceRecorderService>;
+}

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

@@ -97,7 +97,6 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private isViewInited;
     private checkIfUnreadNotificationIsVisibleTimeout?;
     private jumpToLatestButtonVisibilityTimeout?;
-    private isSafari;
     private forceRepaintSubject;
     private messageIdToAnchorTo?;
     private anchorMessageTopOffset?;

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

@@ -6,31 +6,27 @@ import * as i4 from "./channel-preview/channel-preview.component";
 import * as i5 from "./message/message.component";
 import * as i6 from "./message-input/message-input.component";
 import * as i7 from "./message-list/message-list.component";
-import * as i8 from "./loading-indicator/loading-indicator.component";
-import * as i9 from "./icon/icon.component";
-import * as i10 from "./message-actions-box/message-actions-box.component";
-import * as i11 from "./attachment-list/attachment-list.component";
-import * as i12 from "./message-reactions/message-reactions.component";
-import * as i13 from "./notification/notification.component";
-import * as i14 from "./notification-list/notification-list.component";
-import * as i15 from "./attachment-preview-list/attachment-preview-list.component";
-import * as i16 from "./modal/modal.component";
-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 "./message-bounce-prompt/message-bounce-prompt.component";
-import * as i22 from "./voice-recording/voice-recording.component";
-import * as i23 from "./voice-recording/voice-recording-wavebar/voice-recording-wavebar.component";
-import * as i24 from "./message-reactions-selector/message-reactions-selector.component";
-import * as i25 from "./user-list/user-list.component";
-import * as i26 from "./paginated-list/paginated-list.component";
-import * as i27 from "@angular/common";
-import * as i28 from "ngx-float-ui";
-import * as i29 from "./stream-avatar.module";
-import * as i30 from "@ngx-translate/core";
+import * as i8 from "./message-actions-box/message-actions-box.component";
+import * as i9 from "./attachment-list/attachment-list.component";
+import * as i10 from "./message-reactions/message-reactions.component";
+import * as i11 from "./notification/notification.component";
+import * as i12 from "./notification-list/notification-list.component";
+import * as i13 from "./attachment-preview-list/attachment-preview-list.component";
+import * as i14 from "./modal/modal.component";
+import * as i15 from "./message-input/textarea.directive";
+import * as i16 from "./thread/thread.component";
+import * as i17 from "./message-bounce-prompt/message-bounce-prompt.component";
+import * as i18 from "./message-reactions-selector/message-reactions-selector.component";
+import * as i19 from "./user-list/user-list.component";
+import * as i20 from "./paginated-list/paginated-list.component";
+import * as i21 from "@angular/common";
+import * as i22 from "ngx-float-ui";
+import * as i23 from "./stream-avatar.module";
+import * as i24 from "@ngx-translate/core";
+import * as i25 from "./voice-recording/voice-recording.module";
+import * as i26 from "./icon/icon.module";
 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.MessageBouncePromptComponent, typeof i22.VoiceRecordingComponent, typeof i23.VoiceRecordingWavebarComponent, typeof i24.MessageReactionsSelectorComponent, typeof i25.UserListComponent, typeof i26.PaginatedListComponent], [typeof i27.CommonModule, typeof i28.NgxFloatUiModule, typeof i29.StreamAvatarModule, typeof i30.TranslateModule], [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 i29.StreamAvatarModule, typeof i18.ThreadComponent, typeof i19.IconPlaceholderComponent, typeof i20.LoadingIndicatorPlaceholderComponent, typeof i21.MessageBouncePromptComponent, typeof i22.VoiceRecordingComponent, typeof i23.VoiceRecordingWavebarComponent, typeof i24.MessageReactionsSelectorComponent, typeof i25.UserListComponent, typeof i26.PaginatedListComponent]>;
+    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.MessageActionsBoxComponent, typeof i9.AttachmentListComponent, typeof i10.MessageReactionsComponent, typeof i11.NotificationComponent, typeof i12.NotificationListComponent, typeof i13.AttachmentPreviewListComponent, typeof i14.ModalComponent, typeof i15.TextareaDirective, typeof i16.ThreadComponent, typeof i17.MessageBouncePromptComponent, typeof i18.MessageReactionsSelectorComponent, typeof i19.UserListComponent, typeof i20.PaginatedListComponent], [typeof i21.CommonModule, typeof i22.NgxFloatUiModule, typeof i23.StreamAvatarModule, typeof i24.TranslateModule, typeof i25.VoiceRecordingModule, typeof i26.IconModule], [typeof i1.ChannelComponent, typeof i2.ChannelHeaderComponent, typeof i3.ChannelListComponent, typeof i4.ChannelPreviewComponent, typeof i5.MessageComponent, typeof i6.MessageInputComponent, typeof i7.MessageListComponent, typeof i8.MessageActionsBoxComponent, typeof i9.AttachmentListComponent, typeof i10.MessageReactionsComponent, typeof i11.NotificationComponent, typeof i12.NotificationListComponent, typeof i13.AttachmentPreviewListComponent, typeof i14.ModalComponent, typeof i23.StreamAvatarModule, typeof i16.ThreadComponent, typeof i17.MessageBouncePromptComponent, typeof i25.VoiceRecordingModule, typeof i18.MessageReactionsSelectorComponent, typeof i19.UserListComponent, typeof i20.PaginatedListComponent, typeof i26.IconModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StreamChatModule>;
 }

package/lib/types.d.ts

@@ -59,9 +59,10 @@ export declare type AttachmentUpload<T extends DefaultStreamChatGenerics = Defau
         param: string;
     }[];
     url?: string;
-    type: 'image' | 'file' | 'video';
+    type: 'image' | 'file' | 'video' | 'voiceRecording';
     previewUri?: string | ArrayBuffer;
     thumb_url?: string;
+    extraData?: Partial<Attachment<T>>;
     fromAttachment?: Attachment<T>;
 };
 export declare type MentionAutcompleteListItemContext = {
@@ -319,4 +320,13 @@ export declare type VirtualizedListQueryState = {
 };
 export declare type VirtualizedListQueryDirection = 'top' | 'bottom';
 export declare type VirtualizedListVerticalItemPosition = 'top' | 'bottom' | 'middle';
+export declare type AudioRecording = MediaRecording & {
+    waveform_data: number[];
+};
+export declare type MediaRecording = {
+    recording: File;
+    duration: number;
+    mime_type: string;
+    asset_url: string | ArrayBuffer | undefined;
+};
 export {};

package/lib/voice-recorder/amplitude-recorder.service.d.ts

@@ -0,0 +1,71 @@
+import { Observable } from 'rxjs';
+import { ChatClientService } from '../chat-client.service';
+import * as i0 from "@angular/core";
+/**
+ * fftSize
+ * An unsigned integer, representing the window size of the FFT, given in number of samples.
+ * A higher value will result in more details in the frequency domain but fewer details
+ * in the amplitude domain.
+ *
+ * Must be a power of 2 between 2^5 and 2^15, so one of: 32, 64, 128, 256, 512, 1024, 2048, 4096, 8192, 16384, and 32768.
+ * Defaults to 32.
+ *
+ * maxDecibels
+ * A double, representing the maximum decibel value for scaling the FFT analysis data,
+ * where 0 dB is the loudest possible sound, -10 dB is a 10th of that, etc.
+ * The default value is -30 dB.
+ *
+ * minDecibels
+ * A double, representing the minimum decibel value for scaling the FFT analysis data,
+ * where 0 dB is the loudest possible sound, -10 dB is a 10th of that, etc.
+ * The default value is -100 dB.
+ */
+export declare type AmplitudeAnalyserConfig = Pick<AnalyserNode, 'fftSize' | 'maxDecibels' | 'minDecibels'>;
+export declare type AmplitudeRecorderConfig = {
+    analyserConfig: AmplitudeAnalyserConfig;
+    sampleCount: number;
+    samplingFrequencyMs: number;
+};
+export declare const DEFAULT_AMPLITUDE_RECORDER_CONFIG: AmplitudeRecorderConfig;
+/**
+ * The `AmplitudeRecorderService` is a utility service used to create amplitude values for voice recordings, making it possible to display a wave bar
+ */
+export declare class AmplitudeRecorderService {
+    private chatService;
+    config: AmplitudeRecorderConfig;
+    amplitudes$: Observable<number[]>;
+    error$: Observable<Error | undefined>;
+    private amplitudesSubject;
+    private errorSubject;
+    private audioContext;
+    private analyserNode;
+    private microphone;
+    private stream;
+    private amplitudeSamplingInterval;
+    constructor(chatService: ChatClientService);
+    /**
+     * The recorded amplitudes
+     */
+    get amplitudes(): number[];
+    /**
+     * Start amplitude recording for the given media stream
+     * @param stream
+     */
+    start: (stream: MediaStream) => void;
+    /**
+     * Temporarily pause amplitude recording, recording can be resumed with `resume`
+     */
+    pause(): void;
+    /**
+     * Resume amplited recording after it was pasued
+     */
+    resume(): void;
+    /**
+     * Stop the amplitude recording and frees up used resources
+     */
+    stop(): void;
+    private init;
+    private logError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AmplitudeRecorderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AmplitudeRecorderService>;
+}

package/lib/voice-recorder/audio-recorder.service.d.ts

@@ -0,0 +1,46 @@
+import { AmplitudeRecorderService } from './amplitude-recorder.service';
+import { MediaRecorderConfig, MultimediaRecorder } from './media-recorder';
+import { NotificationService } from '../notification.service';
+import { ChatClientService } from '../chat-client.service';
+import { TranscoderService } from './transcoder.service';
+import { AudioRecording, MediaRecording } from '../types';
+import * as i0 from "@angular/core";
+/**
+ * The `AudioRecorderService` can record an audio file, the SDK uses this to record a voice message
+ */
+export declare class AudioRecorderService extends MultimediaRecorder<Omit<AudioRecording, keyof MediaRecording>> {
+    private amplitudeRecorder;
+    /**
+     * Due to browser restrictions the following config is used:
+     * - In Safari we record in audio/mp4
+     * - For all other browsers we use audio/webm (which is then transcoded to wav)
+     */
+    config: MediaRecorderConfig;
+    constructor(notificationService: NotificationService, chatService: ChatClientService, transcoder: TranscoderService, amplitudeRecorder: AmplitudeRecorderService);
+    protected enrichWithExtraData(): {
+        waveform_data: number[];
+    };
+    /**
+     * Start audio recording
+     */
+    start(): Promise<void>;
+    /**
+     * Pause audio recording, it can be restarted using `resume`
+     */
+    pause(): void;
+    /**
+     * Resume a previously paused recording
+     */
+    resume(): void;
+    /**
+     * Stop the recording and free up used resources
+     * @param options
+     * @param options.cancel if this is `true` no recording will be created, but resources will be freed
+     * @returns the recording
+     */
+    stop(options?: {
+        cancel: boolean;
+    }): Promise<MediaRecording & Omit<AudioRecording, keyof MediaRecording>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AudioRecorderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AudioRecorderService>;
+}

package/lib/voice-recorder/media-recorder.d.ts

@@ -0,0 +1,46 @@
+import { BehaviorSubject, Observable } from 'rxjs';
+import { NotificationService } from '../notification.service';
+import { ChatClientService } from '../chat-client.service';
+import { TranscoderService } from './transcoder.service';
+import { MediaRecording } from '../types';
+export declare type MediaRecorderConfig = Omit<MediaRecorderOptions, 'mimeType'> & Required<Pick<MediaRecorderOptions, 'mimeType'>>;
+export declare enum MediaRecordingState {
+    PAUSED = "paused",
+    RECORDING = "recording",
+    STOPPED = "stopped",
+    ERROR = "error"
+}
+export declare type MediaRecordingTitleOptions = {
+    mimeType: string;
+};
+export declare abstract class MultimediaRecorder<T = null> {
+    protected notificationService: NotificationService;
+    protected chatService: ChatClientService;
+    private transcoder;
+    abstract config: MediaRecorderConfig;
+    customGenerateRecordingTitle: ((options: MediaRecordingTitleOptions) => string) | undefined;
+    recordingState$: Observable<MediaRecordingState>;
+    recording$: Observable<(MediaRecording & T) | undefined>;
+    protected recordingSubject: BehaviorSubject<(MediaRecording & T) | undefined>;
+    protected mediaRecorder: MediaRecorder | undefined;
+    protected startTime: number | undefined;
+    protected recordedChunkDurations: number[];
+    private recordingStateSubject;
+    constructor(notificationService: NotificationService, chatService: ChatClientService, transcoder: TranscoderService);
+    get durationMs(): number;
+    get mediaType(): string;
+    get isRecording(): boolean;
+    generateRecordingTitle: (mimeType: string) => string;
+    makeRecording(blob: Blob): Promise<File | undefined>;
+    handleErrorEvent: (e: Event) => void;
+    handleDataavailableEvent: (e: BlobEvent) => void;
+    get recordingState(): MediaRecordingState;
+    start(): Promise<void>;
+    pause(): void;
+    resume(): void;
+    stop(options?: {
+        cancel: boolean;
+    }): Promise<MediaRecording & T>;
+    protected abstract enrichWithExtraData(): T;
+    protected logError(error: Error): void;
+}

package/lib/voice-recorder/mp3-transcoder.d.ts

@@ -0,0 +1 @@
+export declare function encodeWebmToMp3(blob: Blob, lameJs: any): Promise<Blob>;

package/lib/voice-recorder/transcoder.service.d.ts

@@ -0,0 +1,40 @@
+import * as i0 from "@angular/core";
+export declare type TranscoderConfig = {
+    sampleRate: number;
+};
+export declare type TranscodeParams = TranscoderConfig & {
+    blob: Blob;
+};
+declare type WriteWaveHeaderParams = {
+    arrayBuffer: ArrayBuffer;
+    channelCount: number;
+    sampleRate: number;
+};
+declare type WriteAudioDataParams = {
+    arrayBuffer: ArrayBuffer;
+    dataByChannel: Float32Array[];
+};
+/**
+ * The `TranscoderService` is used to transcibe audio recording to a format that's supported by all major browsers. The SDK uses this to create voice messages.
+ *
+ * If you want to use your own transcoder you can provide a `customTranscoder`.
+ */
+export declare class TranscoderService {
+    config: TranscoderConfig;
+    customTranscoder?: (blob: Blob) => Blob | Promise<Blob>;
+    constructor();
+    /**
+     * The default transcoder will leave audio/mp4 files as is, and transcode webm files to wav. If you want to customize this, you can provide your own transcoder using the `customTranscoder` field
+     * @param blob
+     * @returns the transcoded file
+     */
+    transcode(blob: Blob): Promise<Blob>;
+    protected renderAudio(audioBuffer: AudioBuffer, sampleRate: number): Promise<AudioBuffer>;
+    protected toAudioBuffer(blob: Blob): Promise<AudioBuffer>;
+    protected writeWavAudioData({ arrayBuffer, dataByChannel, }: WriteAudioDataParams): void;
+    protected writeWavHeader({ arrayBuffer, channelCount, sampleRate, }: WriteWaveHeaderParams): void;
+    protected splitDataByChannel: (audioBuffer: AudioBuffer) => Float32Array[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranscoderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TranscoderService>;
+}
+export {};

package/lib/voice-recorder/voice-recorder-wavebar/voice-recorder-wavebar.component.d.ts

@@ -0,0 +1,21 @@
+import { OnDestroy } from '@angular/core';
+import { AmplitudeRecorderService } from '../amplitude-recorder.service';
+import { Observable } from 'rxjs';
+import { AudioRecorderService } from '../audio-recorder.service';
+import * as i0 from "@angular/core";
+/**
+ * The `VoiceRecorderWavebarComponent` displays the amplitudes of the recording while the recoding is in progress
+ */
+export declare class VoiceRecorderWavebarComponent implements OnDestroy {
+    private amplitudeRecorder;
+    private audioRecorder;
+    amplitudes$: Observable<number[]>;
+    formattedDuration: string;
+    durationComputeInterval: ReturnType<typeof setInterval>;
+    isLongerThanOneHour: boolean;
+    constructor(amplitudeRecorder: AmplitudeRecorderService, audioRecorder: AudioRecorderService);
+    trackByIndex(i: number): number;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VoiceRecorderWavebarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VoiceRecorderWavebarComponent, "stream-voice-recorder-wavebar", never, {}, {}, never, never, false, never>;
+}

package/lib/voice-recorder/voice-recorder.component.d.ts

@@ -0,0 +1,30 @@
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { AudioRecorderService } from './audio-recorder.service';
+import { MediaRecordingState } from './media-recorder';
+import { AudioRecording } from '../types';
+import { VoiceRecorderService } from '../message-input/voice-recorder.service';
+import * as i0 from "@angular/core";
+/**
+ * The `VoiceRecorderComponent` makes it possible to record audio, and then upload it as a voice recording attachment
+ */
+export declare class VoiceRecorderComponent implements OnInit, OnDestroy, OnChanges {
+    readonly recorder: AudioRecorderService;
+    voiceRecorderService?: VoiceRecorderService;
+    recordState: MediaRecordingState;
+    isLoading: boolean;
+    recording?: AudioRecording;
+    readonly MediaRecordingState: typeof MediaRecordingState;
+    private subscriptions;
+    private isVisibleSubscription?;
+    constructor(recorder: AudioRecorderService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    cancel(): void;
+    stop(): Promise<void>;
+    pause(): void;
+    resume(): void;
+    uploadRecording(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VoiceRecorderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VoiceRecorderComponent, "stream-voice-recorder", never, { "voiceRecorderService": "voiceRecorderService"; }, {}, never, never, false, never>;
+}

package/lib/voice-recorder/voice-recorder.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./voice-recorder.component";
+import * as i2 from "./voice-recorder-wavebar/voice-recorder-wavebar.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../voice-recording/voice-recording.module";
+import * as i5 from "../icon/icon.module";
+import * as i6 from "@ngx-translate/core";
+export declare class VoiceRecorderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VoiceRecorderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VoiceRecorderModule, [typeof i1.VoiceRecorderComponent, typeof i2.VoiceRecorderWavebarComponent], [typeof i3.CommonModule, typeof i4.VoiceRecordingModule, typeof i5.IconModule, typeof i6.TranslateModule], [typeof i1.VoiceRecorderComponent, typeof i2.VoiceRecorderWavebarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VoiceRecorderModule>;
+}

package/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.d.ts

@@ -31,13 +31,6 @@ export declare class VoiceRecordingWavebarComponent implements OnInit, OnChanges
     seek(event: MouseEvent): void;
     trackByIndex(index: number): number;
     private containerSizeChanged;
-    private downsample;
-    private upsample;
-    private getNextBucketMean;
-    private mean;
-    private triangleAreaHeron;
-    private triangleBase;
-    private divMod;
     static ɵfac: i0.ɵɵFactoryDeclaration<VoiceRecordingWavebarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VoiceRecordingWavebarComponent, "stream-voice-recording-wavebar", never, { "audioElement": "audioElement"; "waveFormData": "waveFormData"; "duration": "duration"; }, {}, never, never, false, never>;
 }

package/lib/voice-recording/voice-recording.component.d.ts

@@ -25,7 +25,6 @@ export declare class VoiceRecordingComponent implements OnChanges, AfterViewInit
     setPlaybackRate(): void;
     private getFormattedDuration;
     private getFileSize;
-    private divMod;
     static ɵfac: i0.ɵɵFactoryDeclaration<VoiceRecordingComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VoiceRecordingComponent, "stream-voice-recording", never, { "attachment": "attachment"; }, {}, never, never, false, never>;
 }

package/lib/voice-recording/voice-recording.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./voice-recording.component";
+import * as i2 from "./voice-recording-wavebar/voice-recording-wavebar.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../icon/icon.module";
+import * as i5 from "@ngx-translate/core";
+export declare class VoiceRecordingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VoiceRecordingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VoiceRecordingModule, [typeof i1.VoiceRecordingComponent, typeof i2.VoiceRecordingWavebarComponent], [typeof i3.CommonModule, typeof i4.IconModule, typeof i5.TranslateModule], [typeof i1.VoiceRecordingComponent, typeof i2.VoiceRecordingWavebarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VoiceRecordingModule>;
+}

package/lib/wave-form-sampler.d.ts

@@ -0,0 +1 @@
+export declare const resampleWaveForm: (waveFormData: number[], sampleSize: number) => number[];