@azure/communication-react 1.3.0 → 1.3.2-alpha-202206300013.0

package/dist/communication-react.d.ts

@@ -17,6 +17,7 @@
 
 /// <reference types="react" />
 
+import { AddPhoneNumberOptions } from '@azure/communication-calling';
 import { AudioDeviceInfo } from '@azure/communication-calling';
 import { Call } from '@azure/communication-calling';
 import { CallAgent } from '@azure/communication-calling';
@@ -42,6 +43,7 @@ import { CreateViewOptions } from '@azure/communication-calling';
 import { DeviceAccess } from '@azure/communication-calling';
 import { DeviceManager } from '@azure/communication-calling';
 import { DominantSpeakersInfo } from '@azure/communication-calling';
+import { DtmfTone as DtmfTone_2 } from '@azure/communication-calling';
 import { GroupCallLocator } from '@azure/communication-calling';
 import { IButtonProps } from '@fluentui/react';
 import { IButtonStyles } from '@fluentui/react';
@@ -49,11 +51,13 @@ import { IContextualMenuItem } from '@fluentui/react';
 import { IContextualMenuItemStyles } from '@fluentui/react';
 import { IContextualMenuStyles } from '@fluentui/react';
 import { IMessageBarProps } from '@fluentui/react';
+import { IncomingCall } from '@azure/communication-calling';
 import { IPersonaStyleProps } from '@fluentui/react';
 import { IPersonaStyles } from '@fluentui/react';
 import { IRenderFunction } from '@fluentui/react';
 import { IStyle } from '@fluentui/react';
 import { IStyleFunctionOrObject } from '@fluentui/react';
+import { ITextFieldStyles } from '@fluentui/react';
 import { LatestMediaDiagnostics } from '@azure/communication-calling';
 import { LatestNetworkDiagnostics } from '@azure/communication-calling';
 import type { MediaDiagnosticChangedEventArgs } from '@azure/communication-calling';
@@ -67,6 +71,7 @@ import { PersonaPresence } from '@fluentui/react';
 import { PersonaSize } from '@fluentui/react';
 import { PhoneNumberIdentifier } from '@azure/communication-common';
 import { PhoneNumberKind } from '@azure/communication-common';
+import { PropertyChangedEvent } from '@azure/communication-calling';
 import { default as React_2 } from 'react';
 import type { RemoteParticipant } from '@azure/communication-calling';
 import { RemoteParticipantState as RemoteParticipantState_2 } from '@azure/communication-calling';
@@ -101,6 +106,38 @@ export declare interface ActiveErrorMessage {
     timestamp?: Date;
 }
 
+/**
+ * Attributes required for SendBox to show file uploads like name, progress etc.
+ * @beta
+ */
+export declare interface ActiveFileUpload {
+    /**
+     * Unique identifier for the file upload.
+     */
+    id: string;
+    /**
+     * File name to be rendered for uploaded file.
+     */
+    filename: string;
+    /**
+     * A number between 0 and 1 indicating the progress of the upload.
+     * This is unrelated to the `uploadComplete` property.
+     * It is only used to show the progress of the upload.
+     * Progress of 1 doesn't mark the upload as complete, set the `uploadComplete`
+     * property to true to mark the upload as complete.
+     */
+    progress: number;
+    /**
+     * Error to be displayed to the user if the upload fails.
+     */
+    error?: SendBoxErrorBarError;
+    /**
+     * `true` means that the upload is completed.
+     * This is independent of the upload `progress`.
+     */
+    uploadComplete?: boolean;
+}
+
 /**
  * Error reported via error events and stored in adapter state.
  *
@@ -290,6 +327,10 @@ export declare interface BaseCompositeProps<TIcons extends Record<string, JSX.El
     /**
      * A callback function that can be used to provide custom data to Avatars rendered
      * in Composite.
+     *
+     * This will not affect the displayName shown in the composite.
+     * The displayName throughout the composite will be what is provided to the adapter when the adapter is created.
+     * will be what is provided to the adapter when the adapter is created.
      */
     onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
     /**
@@ -374,7 +415,7 @@ export declare interface CallAdapterCallManagement {
      *
      * @public
      */
-    startCall(participants: string[]): Call | undefined;
+    startCall(participants: string[], options?: StartCallOptions): Call | undefined;
     /**
      * Start sharing the screen during a call.
      *
@@ -419,6 +460,24 @@ export declare interface CallAdapterCallManagement {
      * @public
      */
     disposeStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void>;
+    /**
+     * Holds the call.
+     *
+     * @beta
+     */
+    holdCall(): Promise<void>;
+    /**
+     * Resumes the call from a `LocalHold` state.
+     *
+     * @beta
+     */
+    resumeCall(): Promise<void>;
+    /**
+     * Add a participant to the call.
+     *
+     * @beta
+     */
+    addParticipant(participant: CommunicationIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
 }
 
 /**
@@ -521,7 +580,7 @@ export declare interface CallAdapterDeviceManagement {
  *
  * @public
  */
-export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator;
+export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ CallParticipantsLocator;
 
 /**
  * {@link CallAdapter} state.
@@ -582,6 +641,18 @@ export declare interface CallAdapterSubscribers {
      * This event fires whenever there is a change in user facing diagnostics about the ongoing call.
      */
     on(event: 'diagnosticChanged', listener: DiagnosticChangedEventListner): void;
+    /**
+     * Subscribe function for 'selectedMicrophoneChanged' event.
+     *
+     * This event fires whenever the user selects a new microphone device.
+     */
+    on(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;
+    /**
+     * Subscribe function for 'selectedSpeakerChanged' event.
+     *
+     * This event fires whenever the user selects a new speaker device.
+     */
+    on(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;
     /**
      * Subscribe function for 'error' event.
      */
@@ -622,6 +693,14 @@ export declare interface CallAdapterSubscribers {
      * Unsubscribe function for 'diagnosticChanged' event.
      */
     off(event: 'diagnosticChanged', listener: DiagnosticChangedEventListner): void;
+    /**
+     * Unsubscribe function for 'selectedMicrophoneChanged' event.
+     */
+    off(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;
+    /**
+     * Unsubscribe function for 'selectedSpeakerChanged' event.
+     */
+    off(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;
     /**
      * Unsubscribe function for 'error' event.
      */
@@ -679,7 +758,7 @@ export declare interface CallAgentState {
  */
 export declare interface CallAndChatLocator {
     /** Locator used by {@link createAzureCommunicationCallWithChatAdapter} to locate the call to join */
-    callLocator: GroupCallLocator;
+    callLocator: GroupCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ CallParticipantsLocator;
     /** Chat thread ID used by {@link createAzureCommunicationCallWithChatAdapter} to locate the chat thread to join */
     chatThreadId: string;
 }
@@ -801,9 +880,11 @@ export declare type CallCompositeIcons = {
     ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;
     ErrorBarCallMicrophoneAccessDenied?: JSX.Element;
     ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;
+    ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;
     ErrorBarCallNetworkQualityLow?: JSX.Element;
     ErrorBarCallNoMicrophoneFound?: JSX.Element;
     ErrorBarCallNoSpeakerFound?: JSX.Element;
+    ErrorBarClear?: JSX.Element;
     HorizontalGalleryLeftButton?: JSX.Element;
     HorizontalGalleryRightButton?: JSX.Element;
     LobbyScreenConnectingToCall?: JSX.Element;
@@ -1115,6 +1196,12 @@ export declare type CallControlOptions = {
     screenShareButton?: boolean | {
         disabled: boolean;
     };
+    /**
+     * Inject custom buttons in the call controls.
+     *
+     * @beta
+     */
+    onFetchCustomButtonProps?: CustomCallControlButtonCallback[];
 };
 
 /**
@@ -1178,7 +1265,7 @@ export declare type CallErrors = {
  *
  * @public
  */
-export declare type CallErrorTarget = 'Call.addParticipant' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | 'Call.stopVideo' | 'Call.unmute' | 'CallAgent.dispose' | 'CallAgent.feature' | 'CallAgent.join' | 'CallAgent.off' | 'CallAgent.on' | 'CallAgent.startCall' | 'CallClient.createCallAgent' | 'CallClient.feature' | 'CallClient.getDeviceManager' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker';
+export declare type CallErrorTarget = 'Call.addParticipant' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | 'Call.stopVideo' | 'Call.unmute' | 'CallAgent.dispose' | 'CallAgent.feature' | 'CallAgent.join' | 'CallAgent.off' | 'CallAgent.on' | 'CallAgent.startCall' | 'CallClient.createCallAgent' | 'CallClient.feature' | 'CallClient.getDeviceManager' | /* @conditional-compile-remove(calling-beta-sdk) */ 'CallClient.getEnvironmentInfo' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject';
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callIdChanged' event.
@@ -1218,11 +1305,14 @@ export declare type CallingHandlers = {
     onStopScreenShare: () => Promise<void>;
     onToggleScreenShare: () => Promise<void>;
     onHangUp: () => Promise<void>;
+    onToggleHold: () => Promise<void>;
+    onAddParticipant: (participant: CommunicationIdentifier, options?: AddPhoneNumberOptions) => Promise<void>;
     onCreateLocalStreamView: (options?: VideoStreamOptions) => Promise<void | CreateVideoStreamViewResult>;
     onCreateRemoteStreamView: (userId: string, options?: VideoStreamOptions) => Promise<void | CreateVideoStreamViewResult>;
     onRemoveParticipant: (userId: string) => Promise<void>;
     onDisposeRemoteStreamView: (userId: string) => Promise<void>;
     onDisposeLocalStreamView: () => Promise<void>;
+    onSendDtmfTone?: (dtmfTone: DtmfTone_2) => Promise<void>;
 };
 
 /**
@@ -1262,6 +1352,23 @@ export declare type CallParticipantListParticipant = ParticipantListParticipant
     isSpeaking?: boolean;
 };
 
+/**
+ * Locator used by {@link createAzureCommunicationCallAdapter} to call one or more participants
+ *
+ * @remarks
+ * This is currently in beta and only supports calling one Teams User.
+ *
+ * @example
+ * ```
+ * ['8:orgid:ab220efe-5725-4742-9792-9fba7c9ac458']
+ * ```
+ *
+ * @beta
+ */
+export declare type CallParticipantsLocator = {
+    participantIDs: string[];
+};
+
 /**
  * A {@link React.Context} that stores a {@link @azure/communication-calling#Call}.
  *
@@ -1450,7 +1557,7 @@ export declare interface CallWithChatAdapterManagement {
      *
      * @public
      */
-    startCall(participants: string[]): Call | undefined;
+    startCall(participants: string[], options?: StartCallOptions): Call | undefined;
     /**
      * Start sharing the screen during a call.
      *
@@ -1603,6 +1710,38 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
+    /** @beta */
+    registerActiveFileUploads: (files: File[]) => FileUploadManager[];
+    /** @beta */
+    registerCompletedFileUploads: (metadata: FileMetadata[]) => FileUploadManager[];
+    /** @beta */
+    clearFileUploads: () => void;
+    /** @beta */
+    cancelFileUpload: (id: string) => void;
+    /** @beta */
+    updateFileUploadProgress: (id: string, progress: number) => void;
+    /** @beta */
+    updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
+    /** @beta */
+    updateFileUploadMetadata: (id: string, metadata: FileMetadata) => void;
+    /**
+     * Puts the Call in a Localhold.
+     *
+     * @beta
+     */
+    holdCall: () => Promise<void>;
+    /**
+     * Resumes the call from a LocalHold state.
+     *
+     * @beta
+     */
+    resumeCall: () => Promise<void>;
+    /**
+     * Adds a new Participant to the call.
+     *
+     * @beta
+     */
+    addParticipant: (participant: CommunicationIdentifier, options?: AddPhoneNumberOptions) => Promise<void>;
 }
 
 /**
@@ -1627,6 +1766,8 @@ export declare interface CallWithChatAdapterSubscriptions {
     on(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;
     on(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;
     on(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;
+    on(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;
+    on(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;
     on(event: 'callError', listener: (e: AdapterError) => void): void;
     off(event: 'callEnded', listener: CallEndedListener): void;
     off(event: 'isMutedChanged', listener: IsMutedChangedListener): void;
@@ -1636,6 +1777,8 @@ export declare interface CallWithChatAdapterSubscriptions {
     off(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;
     off(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;
     off(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;
+    off(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;
+    off(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;
     off(event: 'callError', listener: (e: AdapterError) => void): void;
     on(event: 'messageReceived', listener: MessageReceivedListener): void;
     on(event: 'messageSent', listener: MessageSentListener): void;
@@ -1669,6 +1812,14 @@ export declare interface CallWithChatAdapterUiState {
      * @public
      */
     page: CallCompositePage;
+    /**
+     * Files being uploaded by a user in the current thread.
+     * Should be set to null once the upload is complete.
+     * Array of type {@link FileUploadsUiState}
+     *
+     * @beta
+     */
+    fileUploads?: FileUploadsUiState;
 }
 
 /**
@@ -1733,9 +1884,11 @@ export declare type CallWithChatCompositeIcons = {
     ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;
     ErrorBarCallMicrophoneAccessDenied?: JSX.Element;
     ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;
+    ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;
     ErrorBarCallNetworkQualityLow?: JSX.Element;
     ErrorBarCallNoMicrophoneFound?: JSX.Element;
     ErrorBarCallNoSpeakerFound?: JSX.Element;
+    ErrorBarClear?: JSX.Element;
     HorizontalGalleryLeftButton?: JSX.Element;
     HorizontalGalleryRightButton?: JSX.Element;
     LobbyScreenConnectingToCall?: JSX.Element;
@@ -1783,6 +1936,12 @@ export declare type CallWithChatCompositeOptions = {
      * If using the boolean values, true will cause default behavior across the whole control bar. False hides the whole control bar.
      */
     callControls?: boolean | CallWithChatControlOptions;
+    /**
+     * Properties for configuring the File Sharing feature.
+     * If undefined, file sharing feature will be disabled.
+     * @beta
+     */
+    fileSharing?: FileSharingOptions;
 };
 
 /**
@@ -1970,6 +2129,12 @@ export declare interface CallWithChatControlOptions {
      * @defaultValue true
      */
     peopleButton?: boolean;
+    /**
+     * Inject custom buttons in the call controls.
+     *
+     * @beta
+     */
+    onFetchCustomButtonProps?: CustomCallWithChatControlButtonCallback[];
 }
 
 /**
@@ -1977,7 +2142,7 @@ export declare interface CallWithChatControlOptions {
  *
  * @public
  */
-export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'messageReceived' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved';
+export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'messageReceived' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved';
 
 /**
  * A button to turn camera on / off.
@@ -2120,7 +2285,7 @@ export declare interface CameraButtonStyles extends ControlBarButtonStyles {
  *
  * @public
  */
-export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers;
+export declare type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers & FileUploadAdapter;
 
 /**
  * {@link ChatAdapter} state.
@@ -2228,7 +2393,9 @@ export declare interface ChatAdapterThreadManagement {
     /**
      * Update a message content.
      */
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>): Promise<void>;
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
+        attachedFilesMetadata?: FileMetadata[];
+    }): Promise<void>;
     /**
      * Delete a message in the thread.
      */
@@ -2250,6 +2417,13 @@ export declare interface ChatAdapterThreadManagement {
  */
 export declare type ChatAdapterUiState = {
     error?: Error;
+    /**
+     * Files being uploaded by a user in the current thread.
+     * Should be set to null once the upload is complete.
+     * Array of type {@link FileUploadsUiState}
+     * @beta
+     */
+    fileUploads?: FileUploadsUiState;
 };
 
 /**
@@ -2352,6 +2526,7 @@ export declare type ChatCompositeIcons = {
     ParticipantItemOptionsHovered?: JSX.Element;
     SendBoxSend?: JSX.Element;
     SendBoxSendHovered?: JSX.Element;
+    SendBoxAttachFile?: JSX.Element;
 };
 
 /**
@@ -2366,6 +2541,13 @@ export declare type ChatCompositeOptions = {
      * @defaultValue true
      */
     errorBar?: boolean;
+    /**
+     * Show or hide the participant pane. This feature is in beta and not supported on mobile or narrow screen views.
+     * @defaultValue false
+     *
+     * @beta
+     */
+    participantPane?: boolean;
     /**
      * Show or hide the topic at the top of the chat. Hidden if set to `false`
      * @defaultValue true
@@ -2376,6 +2558,12 @@ export declare type ChatCompositeOptions = {
      * When undefined nothing has focus on render
      */
     autoFocus?: 'sendBoxTextField';
+    /**
+     * Properties for configuring the File Sharing feature.
+     * If undefined, file sharing feature will be disabled.
+     * @beta
+     */
+    fileSharing?: FileSharingOptions;
 };
 
 /**
@@ -2403,6 +2591,12 @@ export declare interface ChatCompositeProps extends BaseCompositeProps<ChatCompo
      * Flags to enable/disable visual elements of the {@link ChatComposite}.
      */
     options?: ChatCompositeOptions;
+    /**
+     * Optimizes the composite form factor for either desktop or mobile.
+     * @remarks `mobile` is currently only optimized for Portrait mode on mobile devices and does not support landscape.
+     * @defaultValue 'desktop'
+     */
+    formFactor?: 'desktop' | 'mobile';
 }
 
 /**
@@ -2417,6 +2611,10 @@ export declare interface ChatCompositeStrings {
      * Chat list header text
      */
     chatListHeader: string;
+    /**
+     * Upload File Button text
+     */
+    uploadFile: string;
 }
 
 /**
@@ -2482,7 +2680,9 @@ export declare type ChatHandlers = {
     onRemoveParticipant: (userId: string) => Promise<void>;
     updateThreadTopicName: (topicName: string) => Promise<void>;
     onLoadPreviousChatMessages: (messagesToLoad: number) => Promise<boolean>;
-    onUpdateMessage: (messageId: string, content: string) => Promise<void>;
+    onUpdateMessage: (messageId: string, content: string, metadata?: Record<string, string>, options?: {
+        attachedFilesMetadata?: FileMetadata[];
+    }) => Promise<void>;
     onDeleteMessage: (messageId: string) => Promise<void>;
 };
 
@@ -2508,6 +2708,12 @@ export declare interface ChatMessage extends MessageCommon {
      * {@link @azure/communication-chat#ChatMessage.metadata}
      */
     metadata?: Record<string, string>;
+    /**
+     * @beta
+     * A list of files attached to the message.
+     * {@link FileMetadata}
+     */
+    attachedFilesMetadata?: FileMetadata[];
 }
 
 /**
@@ -2768,6 +2974,11 @@ export declare type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS
 export declare interface ComponentLocale {
     /** Strings for components */
     strings: ComponentStrings;
+    /**
+     * Optional function to provide customized date format.
+     * @beta
+     */
+    onDisplayDateTimeString?: (messageDate: Date) => string;
 }
 
 /**
@@ -2809,6 +3020,8 @@ export declare interface ComponentStrings {
     errorBar: ErrorBarStrings;
     /** Strings for VideoGallery */
     videoGallery: VideoGalleryStrings;
+    /** Strings for Dialpad */
+    dialpad: DialpadStrings;
 }
 
 /**
@@ -3264,6 +3477,136 @@ export declare type CustomAvatarOptions = {
     text?: string;
 };
 
+/**
+ * A callback that returns the props to render a custom {@link ControlBarButton}.
+ *
+ * The response indicates where the custom button should be placed.
+ *
+ * Performance tip: This callback is only called when either the callback or its arguments change.
+ *
+ * @beta
+ */
+export declare type CustomCallControlButtonCallback = (args: CustomCallControlButtonCallbackArgs) => CustomCallControlButtonProps;
+
+/**
+ * Arguments for {@link CustomCallControlButtonCallback}.
+ *
+ * @beta
+ */
+export declare interface CustomCallControlButtonCallbackArgs {
+    /**
+     * Buttons should reduce the size to fit a smaller viewport when `displayType` is `'compact'`.
+     *
+     * @defaultValue `'default'`
+     */
+    displayType?: CallControlDisplayType;
+}
+
+/**
+ * Placement for a custom button injected in the {@link CallControls}.
+ *
+ * 'primary': Place the button(s) on the right end of the center control bar but before the EndCallButton (left end in rtl mode).
+ *
+ * Multiple buttons assigned the same placement are appended in order.
+ * E.g., if two buttons are placed in 'primary', they'll both appear on the right end (left end in rtl mode)
+ * before the EndCallButton in the order provided.
+ *
+ * @beta
+ */
+export declare type CustomCallControlButtonPlacement = 'primary';
+
+/**
+ * Response from {@link CustomCallControlButtonCallback}.
+ *
+ * Includes the placement prop necessary to indicate where to place the
+ * {@link ControlBarButton} and a {@link DrawerMenuItem}
+ *
+ * @beta
+ */
+export declare interface CustomCallControlButtonProps extends CustomControlButtonProps {
+    /**
+     * Where to place the custom button relative to other buttons.
+     */
+    placement: CustomCallControlButtonPlacement;
+    /**
+     * Icon to render. Icon is a non-default icon name that needs to be registered as a
+     * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library
+     */
+    iconName?: string;
+}
+
+/**
+ * A callback that returns the props to render a custom {@link ControlBarButton} and {@link DrawerMenuItem}.
+ *
+ * The response indicates where the custom button should be placed.
+ *
+ * Performance tip: This callback is only called when either the callback or its arguments change.
+ * @beta
+ */
+export declare type CustomCallWithChatControlButtonCallback = (args: CustomCallControlButtonCallbackArgs) => CustomCallWithChatControlButtonProps;
+
+/**
+ * Placement for a custom button injected in the {@link CallWithChatControlBar}.
+ *
+ * 'primary': Place the button(s) on the right end of the center control bar but before the EndCallButton (left end in rtl mode).
+ * 'overflow': Place the buttons(s) on the end of the overflow Menu.
+ * 'secondary': Place the button(s) on the left end of the side control bar (right in rtl mode).
+ *
+ * Multiple buttons assigned the same placement are appended in order.
+ * E.g., if two buttons are placed in 'secondary', they'll both appear on the left end (right end in rtl mode)
+ * in the order provided.
+ *
+ * @beta
+ */
+export declare type CustomCallWithChatControlButtonPlacement = 'primary' | 'overflow' | 'secondary';
+
+/**
+ * Response from {@link CustomCallWithChatControlButtonCallback}.
+ *
+ * Includes the icon and placement prop necessary to indicate where to place the
+ * {@link ControlBarButton} and a {@link DrawerMenuItem}
+ *
+ * @beta
+ */
+export declare interface CustomCallWithChatControlButtonProps extends CustomControlButtonProps {
+    /**
+     * Where to place the custom button relative to other buttons.
+     */
+    placement: CustomCallWithChatControlButtonPlacement;
+    /**
+     * Icon to render. Icon is a non-default icon name that needs to be registered as a
+     * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library
+     */
+    iconName?: string;
+}
+
+/**
+ * Includes the base props necessary to render a {@link ControlBarButton} or {@link DrawerMenuItem}.
+ *
+ * @beta
+ */
+export declare interface CustomControlButtonProps {
+    onItemClick?: () => void;
+    /**
+     * Whether the buttons is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the label is displayed or not.
+     *
+     * @defaultValue `false`
+     */
+    showLabel?: boolean;
+    /**
+     * Fluent styles, common to all {@link ControlBarButton}s or {@link DrawerMenuItem}s.
+     */
+    styles?: ControlBarButtonStyles | BaseCustomStyles;
+    /**
+     * Optional label for the button
+     */
+    text?: string;
+}
+
 /**
  * A custom message type.
  *
@@ -3283,6 +3626,28 @@ export declare interface CustomMessage extends MessageCommon {
  */
 export declare const darkTheme: PartialTheme & CallingTheme;
 
+/**
+ * @public
+ * `DeclarativeCallAgent` extends and proxies the {@link @azure/communication-calling#CallAgent}
+ */
+export declare type DeclarativeCallAgent = CallAgent & /* @conditional-compile-remove(one-to-n-calling) */ {
+    /**
+     * @beta
+     * A readonly array that returns all the active `incomingCalls`.
+     * An active incoming call is a call that has not been answered, declined or disconnected.
+     *
+     * @Remark This attribute doesn't exist on the {@link @azure/communication-calling#CallAgent} interface.
+     * @returns readonly array of {@link DeclarativeIncomingCall}
+     */
+    incomingCalls: ReadonlyArray<DeclarativeIncomingCall>;
+};
+
+/**
+ * @beta
+ * Proxies the {@link @azure/communication-calling#IncomingCall} interface.
+ */
+export declare type DeclarativeIncomingCall = IncomingCall;
+
 /**
  * The default set of icons that are available to use in the UI components.
  *
@@ -3301,6 +3666,8 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonParticipants: JSX.Element;
     ControlButtonScreenShareStart: JSX.Element;
     ControlButtonScreenShareStop: JSX.Element;
+    CancelFileUpload: JSX.Element;
+    DownloadFile: JSX.Element;
     EditBoxCancel: JSX.Element;
     EditBoxSubmit: JSX.Element;
     ErrorBarCallCameraAccessDenied: JSX.Element;
@@ -3310,9 +3677,13 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ErrorBarCallMacOsMicrophoneAccessDenied: JSX.Element;
     ErrorBarCallMicrophoneAccessDenied: JSX.Element;
     ErrorBarCallMicrophoneMutedBySystem: JSX.Element;
+    ErrorBarCallMicrophoneUnmutedBySystem: JSX.Element;
     ErrorBarCallNetworkQualityLow: JSX.Element;
     ErrorBarCallNoMicrophoneFound: JSX.Element;
     ErrorBarCallNoSpeakerFound: JSX.Element;
+    ErrorBarClear: JSX.Element;
+    ErrorBarCallVideoRecoveredBySystem: JSX.Element;
+    ErrorBarCallVideoStoppedBySystem: JSX.Element;
     HorizontalGalleryLeftButton: JSX.Element;
     HorizontalGalleryRightButton: JSX.Element;
     MessageDelivered: JSX.Element;
@@ -3329,6 +3700,8 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ParticipantItemOptions: JSX.Element;
     ParticipantItemOptionsHovered: JSX.Element;
     ParticipantItemScreenShareStart: JSX.Element;
+    HoldCall: JSX.Element;
+    ResumeCall: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
     VideoTileMicOff: JSX.Element;
@@ -3352,6 +3725,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ParticipantItemOptionsHovered: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
+    SendBoxAttachFile?: JSX.Element | undefined;
     ControlButtonCameraOff: JSX.Element;
     ControlButtonCameraOn: JSX.Element;
     ControlButtonEndCall: JSX.Element;
@@ -3368,9 +3742,11 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ErrorBarCallMacOsMicrophoneAccessDenied: JSX.Element;
     ErrorBarCallMicrophoneAccessDenied: JSX.Element;
     ErrorBarCallMicrophoneMutedBySystem: JSX.Element;
+    ErrorBarCallMicrophoneUnmutedBySystem: JSX.Element;
     ErrorBarCallNetworkQualityLow: JSX.Element;
     ErrorBarCallNoMicrophoneFound: JSX.Element;
     ErrorBarCallNoSpeakerFound: JSX.Element;
+    ErrorBarClear: JSX.Element;
     HorizontalGalleryLeftButton: JSX.Element;
     HorizontalGalleryRightButton: JSX.Element;
     LobbyScreenConnectingToCall?: JSX.Element | undefined;
@@ -3402,9 +3778,14 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     MoreDrawerSelectedMicrophone?: JSX.Element | undefined;
     MoreDrawerSelectedSpeaker?: JSX.Element | undefined;
     MoreDrawerSpeakers?: JSX.Element | undefined;
-    SendBoxAttachFile?: JSX.Element | undefined;
     ChatMessageOptions: JSX.Element;
+    CancelFileUpload: JSX.Element;
+    DownloadFile: JSX.Element;
+    ErrorBarCallVideoRecoveredBySystem: JSX.Element;
+    ErrorBarCallVideoStoppedBySystem: JSX.Element;
     MessageResend: JSX.Element;
+    HoldCall: JSX.Element;
+    ResumeCall: JSX.Element;
 };
 
 /**
@@ -3625,6 +4006,64 @@ export declare interface DiagnosticsCallFeatureState {
     media: MediaDiagnosticsState;
 }
 
+/**
+ * A component to allow users to enter phone number through clicking on dialpad/using keyboard
+ * It will return empty component for stable builds
+ *
+ * @beta
+ */
+export declare const Dialpad: (props: DialpadProps) => JSX.Element;
+
+/**
+ * Type for  {@link DialpadButton} input
+ *
+ * @beta
+ */
+export declare interface DialpadButtonProps {
+    primaryContent: string;
+    secondaryContent?: string;
+}
+
+/**
+ * Props for {@link Dialpad} component.
+ *
+ * @beta
+ */
+export declare interface DialpadProps {
+    strings?: DialpadStrings;
+    /**  function to send dtmf tones on button click */
+    onSendDtmfTone?: (dtmfTone: DtmfTone) => Promise<void>;
+    /**  Callback for dialpad button behavior*/
+    onClickDialpadButton?: (buttonValue: string, buttonIndex: number) => void;
+    /**  customize dialpad input formatting */
+    onDisplayDialpadInput?: (input: string) => string;
+    /**  on change function for text field */
+    onChange?: (input: string) => void;
+    styles?: DialpadStyles;
+}
+
+/**
+ * Strings of {@link Dialpad} that can be overridden.
+ *
+ * @beta
+ */
+export declare interface DialpadStrings {
+    placeholderText: string;
+}
+
+/**
+ * Styles for {@link Dialpad} component.
+ *
+ * @beta
+ */
+export declare interface DialpadStyles {
+    root?: IStyle;
+    button?: IButtonStyles;
+    textField?: Partial<ITextFieldStyles>;
+    primaryContent?: IStyle;
+    secondaryContent?: IStyle;
+}
+
 /**
  * Callback for {@link CallAdapterSubscribers} 'displayNameChanged' event.
  *
@@ -3645,6 +4084,13 @@ export declare interface Disposable {
     dispose(): void;
 }
 
+/**
+ * DTMF tone for PSTN calls.
+ *
+ * @beta
+ */
+export declare type DtmfTone = 'A' | 'B' | 'C' | 'D' | 'Flash' | 'Num0' | 'Num1' | 'Num2' | 'Num3' | 'Num4' | 'Num5' | 'Num6' | 'Num7' | 'Num8' | 'Num9' | 'Pound' | 'Star';
+
 /**
  * A type for trivial selectors that return no data.
  *
@@ -3807,6 +4253,11 @@ export declare interface ErrorBarStrings {
      * Message shown when microphone is muted by the system (not by local or remote participants)
      */
     callMicrophoneMutedBySystem: string;
+    /**
+     * Message shown when microphone is unmuted by the system (not by local or remote participants).
+     * This typically occurs if the system recovers from an unexpected mute.
+     */
+    callMicrophoneUnmutedBySystem: string;
     /**
      * Mac OS specific message shown when microphone can be enumerated but access is
      * blocked by the system.
@@ -3825,6 +4276,14 @@ export declare interface ErrorBarStrings {
      * another applciation.
      */
     callCameraAlreadyInUse: string;
+    /**
+     * Message shown when local video is stopped by the system (not by local or remote participants)
+     */
+    callVideoStoppedBySystem: string;
+    /**
+     * Message shown when local video was recovered by the system (not by the local participant)
+     */
+    callVideoRecoveredBySystem: string;
     /**
      * Mac OS specific message shown when system denies access to camera.
      */
@@ -3854,6 +4313,199 @@ export declare interface ErrorBarStrings {
  */
 export declare type ErrorType = keyof ErrorBarStrings;
 
+/**
+ * @beta
+ * A file download error returned via a {@link FileDownloadHandler}.
+ * This error message is used to render an error message in the UI.
+ */
+export declare interface FileDownloadError {
+    /** The error message to display in the UI */
+    errorMessage: string;
+}
+
+/**
+ * @beta
+ *
+ * A callback function for handling file downloads.
+ * The function needs to return a promise that resolves to a file download URL.
+ * If the promise is rejected, the {@link Error.message} will be used to display an error message to the user.
+ *
+ * @example
+ * ```ts
+ * const fileDownloadHandler: FileDownloadHandler = async (userId, fileData) => {
+ *   if (isUnauthorizedUser(userId)) {
+ *     return { errorMessage: 'You don’t have permission to download this file.' };
+ *   } else {
+ *     return new URL(fileData.url);
+ *   }
+ * }
+ *
+ * const App = () => (
+ *   <ChatComposite
+ *     ...
+ *     fileSharing={{
+ *       fileDownloadHandler: fileDownloadHandler
+ *     }}
+ *   />
+ * )
+ *
+ * ```
+ * @param userId - The user ID of the user downloading the file.
+ * @param fileMetadata - The {@link FileMetadata} containing file `url`, `extension` and `name`.
+ */
+export declare type FileDownloadHandler = (userId: string, fileMetadata: FileMetadata) => Promise<URL | FileDownloadError>;
+
+/**
+ * Meta Data containing information about the uploaded file.
+ * @beta
+ */
+export declare interface FileMetadata {
+    /**
+     * File name to be displayed.
+     */
+    name: string;
+    /**
+     * Extension is used for rendering the file icon.
+     * An unknown extension will be rendered as a generic icon.
+     * Example: `jpeg`
+     */
+    extension: string;
+    /**
+     * Download URL for the file.
+     */
+    url: string;
+}
+
+/**
+ * Properties for configuring the File Sharing feature.
+ * @beta
+ */
+export declare interface FileSharingOptions {
+    /**
+     * A string containing the comma separated list of accepted file types.
+     * Similar to the `accept` attribute of the `<input type="file" />` element.
+     * Accepts any type of file if not specified.
+     * @beta
+     */
+    accept?: string;
+    /**
+     * Allows multiple files to be selected if set to `true`.
+     * Similar to the `multiple` attribute of the `<input type="file" />` element.
+     * @defaultValue false
+     * @beta
+     */
+    multiple?: boolean;
+    /**
+     * A function of type {@link FileUploadHandler} for handling file uploads.
+     * @beta
+     */
+    uploadHandler: FileUploadHandler;
+    /**
+     * A function of type {@link FileDownloadHandler} for handling file downloads.
+     * If the function is not specified, the file's `url` will be opened in a new tab to
+     * initiate the download.
+     */
+    downloadHandler?: FileDownloadHandler;
+}
+
+/**
+ * @beta
+ */
+export declare interface FileUploadAdapter {
+    registerActiveFileUploads: (files: File[]) => FileUploadManager[];
+    registerCompletedFileUploads: (metadata: FileMetadata[]) => FileUploadManager[];
+    clearFileUploads: () => void;
+    cancelFileUpload: (id: string) => void;
+    updateFileUploadProgress: (id: string, progress: number) => void;
+    updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
+    updateFileUploadMetadata: (id: string, metadata: FileMetadata) => void;
+}
+
+/**
+ * @beta
+ * Error message to be displayed to the user if the upload fails.
+ */
+export declare type FileUploadError = {
+    message: string;
+    timestamp: number;
+};
+
+/**
+ * @beta
+ * A callback function for handling file uploads.
+ *
+ * @param userId - The user ID of the user uploading the file.
+ * @param fileUploads - The list of uploaded files. Each file is represented by an {@link FileUpload} object.
+ */
+export declare type FileUploadHandler = (userId: string, fileUploads: FileUploadManager[]) => void;
+
+/**
+ * A wrapper object for a file that is being uploaded.
+ * Allows mmanaging file uploads by providing common functions for updating the
+ * upload progress, canceling an upload, completing an upload etc.
+ * @beta
+ */
+export declare interface FileUploadManager {
+    /**
+     * Unique identifier for the file upload.
+     */
+    id: string;
+    /**
+     * HTML {@link File} object for the uploaded file.
+     */
+    file?: File;
+    /**
+     * Update the progress of the upload.
+     * @param value - number between 0 and 1
+     */
+    notifyUploadProgressChanged: (value: number) => void;
+    /**
+     * Mark the upload as complete.
+     * Requires the `metadata` param containing uploaded file information.
+     * @param metadata - {@link FileMetadata}
+     */
+    notifyUploadCompleted: (metadata: FileMetadata) => void;
+    /**
+     * Mark the upload as failed.
+     * @param message - An error message that can be displayed to the user.
+     */
+    notifyUploadFailed: (message: string) => void;
+}
+
+/**
+ * Contains the state attibutes of a file upload like name, progress etc.
+ * @beta
+ */
+export declare interface FileUploadState {
+    /**
+     * Unique identifier for the file upload.
+     */
+    id: string;
+    /**
+     * Filename extracted from the {@link File} object.
+     * This attribute is used to render the filename if `metadata.name` is not available.
+     */
+    filename: string;
+    /**
+     * A number between 0 and 1 indicating the progress of the upload.
+     */
+    progress: number;
+    /**
+     * Meta Data {@link FileMetadata} containing information about the uploaded file.
+     */
+    metadata?: FileMetadata;
+    /**
+     * Error message to be displayed to the user if the upload fails.
+     */
+    error?: FileUploadError;
+}
+
+/**
+ * A record containing {@link FileUploadState} mapped to unique ids.
+ * @beta
+ */
+export declare type FileUploadsUiState = Record<string, FileUploadState>;
+
 /**
  * Provider to apply a Fluent theme across this library's react components.
  *
@@ -3894,7 +4546,7 @@ export declare const fromFlatCommunicationIdentifier: (id: string) => Communicat
  *
  * @public
  */
-export declare type GetCallingSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? CallErrorBarSelector : undefined;
+export declare type GetCallingSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? CallErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : undefined;
 
 /**
  * Get the selector for a specified component.
@@ -3956,6 +4608,63 @@ export declare interface GridLayoutStyles extends BaseCustomStyles {
     children?: IStyle;
 }
 
+/**
+ * a button to hold or resume a ongoing call.
+ *
+ * Can be used with {@link ControlBar}
+ *
+ * @param props - properties for the hold button.
+ * @returns
+ * @beta
+ */
+export declare const HoldButton: (props: HoldButtonProps) => JSX.Element;
+
+/**
+ *@beta
+ */
+export declare interface HoldButtonProps extends ControlBarButtonProps {
+    /**
+     * Utility property for using this component with communication react handlers
+     * Holds the call or resumes it based on call state.
+     */
+    onToggleHold: () => Promise<void>;
+    /**
+     * Optional strings to override in component
+     */
+    strings?: HoldButtonStrings;
+}
+
+/**
+ * Selector type for the {@link HoldButton} component.
+ * @public
+ */
+export declare type HoldButtonSelector = (state: CallClientState, props: CallingBaseSelectorProps) => {
+    checked: boolean;
+};
+
+/**
+ * Strings for the hold button labels
+ * @beta
+ */
+export declare interface HoldButtonStrings {
+    /**
+     * Label for when action is to resume call.
+     */
+    onLabel: string;
+    /**
+     * Label for when action is to hold call.
+     */
+    offLabel: string;
+    /**
+     * Content for when button is checked
+     */
+    tooltipOnContent: string;
+    /**
+     * Content for when button is unchecked
+     */
+    toolTipOffContent: string;
+}
+
 /**
  * {@link HorizontalGallery} Component Styles.
  * @public
@@ -4502,6 +5211,11 @@ export declare type MessageThreadProps = {
      * `messageRenderer` is not provided for `CustomMessage` and thus only available for `ChatMessage` and `SystemMessage`.
      */
     onRenderMessage?: (messageProps: MessageProps, messageRenderer?: MessageRenderer) => JSX.Element;
+    /**
+     * Optional callback to render uploaded files in the message component.
+     * @beta
+     */
+    onRenderFileDownloads?: (userId: string, message: ChatMessage) => JSX.Element;
     /**
      * Optional callback to edit a message.
      *
@@ -4537,6 +5251,18 @@ export declare type MessageThreadProps = {
      * Optional strings to override in component
      */
     strings?: Partial<MessageThreadStrings>;
+    /**
+     * @beta
+     * Optional function called when someone clicks on the file download icon.
+     * If file attachments are defined in the `message.metadata` property using the `fileSharingMetadata` key,
+     * this function will be called with the data inside `fileSharingMetadata` key.
+     */
+    fileDownloadHandler?: FileDownloadHandler;
+    /**
+     * Optional function to provide customized date format.
+     * @beta
+     */
+    onDisplayDateTimeString?: (messageDate: Date) => string;
 };
 
 /**
@@ -4604,6 +5330,8 @@ export declare interface MessageThreadStrings {
     editBoxSubmitButton: string;
     /** String for action menu indicating there are more options */
     actionMenuMoreOptions?: string;
+    /** String for download file button in file card */
+    downloadFile: string;
 }
 
 /**
@@ -4889,6 +5617,8 @@ export declare interface ParticipantItemProps {
      * Optional callback when component is clicked
      */
     onClick?: (props?: ParticipantItemProps) => void;
+    /** prop to determine if we should show tooltip for participants or not */
+    showParticipantOverflowTooltip?: boolean;
 }
 
 /**
@@ -4986,6 +5716,8 @@ export declare type ParticipantListProps = {
     onParticipantClick?: (participant?: ParticipantListParticipant) => void;
     /** Styles for the {@link ParticipantList} */
     styles?: ParticipantListStyles;
+    /** prop to determine if we should show tooltip for participants or not */
+    showParticipantOverflowTooltip?: boolean;
 };
 
 /**
@@ -5120,6 +5852,8 @@ export declare interface ParticipantsButtonProps extends ControlBarButtonProps {
      * Optional strings to override in component
      */
     strings?: Partial<ParticipantsButtonStrings>;
+    /** prop to determine if we should show tooltip for participants or not */
+    showParticipantOverflowTooltip?: boolean;
 }
 
 /**
@@ -5289,6 +6023,7 @@ export declare interface RemoteVideoStreamState {
      * Proxy of {@link @azure/communication-calling#RemoteVideoStream.isReceiving}.
      * @beta
      */
+    isReceiving: boolean;
     /**
      * {@link VideoStreamRendererView} that is managed by createView/disposeView in {@link StatefulCallClient}
      * API. This can be undefined if the stream has not yet been rendered and defined after createView creates the view.
@@ -5366,6 +6101,19 @@ export declare type Selector = (state: ClientState, props: any) => any;
  */
 export declare const SendBox: (props: SendBoxProps) => JSX.Element;
 
+/**
+ * @beta
+ * Error to be displayed to the user in an error bar above sendbox.
+ */
+export declare interface SendBoxErrorBarError {
+    /** Error Message to be displayed */
+    message: string;
+    /**
+     * Unix Timestamp. Preferred generation using `Date.now()`
+     */
+    timestamp: number;
+}
+
 /**
  * Props for {@link SendBox}.
  *
@@ -5421,6 +6169,25 @@ export declare interface SendBoxProps {
      * When undefined nothing has focus on render
      */
     autoFocus?: 'sendBoxTextField';
+    /**
+     * Optional callback to render uploaded files in the SendBox. The sendbox will expand
+     * veritcally to accomodate the uploaded files. File uploads will
+     * be rendered below the text area in sendbox.
+     * @beta
+     */
+    onRenderFileUploads?: () => JSX.Element;
+    /**
+     * Optional array of active file uploads where each object has attibutes
+     * of a file upload like name, progress, errorMessage etc.
+     * @beta
+     */
+    activeFileUploads?: ActiveFileUpload[];
+    /**
+     * Optional callback to remove the file upload before sending by clicking on
+     * cancel icon.
+     * @beta
+     */
+    onCancelFileUpload?: (fileId: string) => void;
 }
 
 /**
@@ -5451,6 +6218,22 @@ export declare interface SendBoxStrings {
      * Aria label for send message button
      */
     sendButtonAriaLabel: string;
+    /**
+     * Error message indicating that all file uploads are not complete.
+     */
+    fileUploadsPendingError: string;
+    /**
+     * Aria label to notify user when focus is on cancel file upload button.
+     */
+    removeFile: string;
+    /**
+     * Aria label to notify user file uploading starts.
+     */
+    uploading: string;
+    /**
+     * Aria label to notify user file is uploaded.
+     */
+    uploadCompleted: string;
 }
 
 /**
@@ -5577,6 +6360,18 @@ export declare interface StatefulCallClient extends CallClient {
      * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to dispose.
      */
     disposeView(callId: string | undefined, participantId: CommunicationIdentifier | undefined, stream: LocalVideoStreamState | RemoteVideoStreamState): void;
+    /**
+     * The CallAgent is used to handle calls.
+     * To create the CallAgent, pass a CommunicationTokenCredential object provided from SDK.
+     * - The CallClient can only have one active CallAgent instance at a time.
+     * - You can create a new CallClient instance to create a new CallAgent.
+     * - You can dispose of a CallClient's current active CallAgent, and call the CallClient's
+     *   createCallAgent() method again to create a new CallAgent.
+     * @param tokenCredential - The token credential. Use AzureCommunicationTokenCredential from `@azure/communication-common` to create a credential.
+     * @param options - The CallAgentOptions for additional options like display name.
+     * @public
+     */
+    createCallAgent(...args: Parameters<CallClient['createCallAgent']>): Promise<DeclarativeCallAgent>;
 }
 
 /**
@@ -5912,7 +6707,9 @@ export declare interface TypingIndicatorStylesProps extends BaseCustomStyles {
  * @public
  * Callback function run when a message is updated.
  */
-export declare type UpdateMessageCallback = (messageId: string, content: string) => Promise<void>;
+export declare type UpdateMessageCallback = (messageId: string, content: string, metadata?: Record<string, string>, options?: {
+    attachedFilesMetadata?: FileMetadata[];
+}) => Promise<void>;
 
 /**
  * A custom React hook to simplify the creation of {@link CallAdapter}.