@azure/communication-react 1.24.0-beta.1 → 1.25.0-alpha-202502150016

package/dist/communication-react.d.ts

@@ -39,6 +39,9 @@ import type { CommunicationUserKind } from '@azure/communication-common';
 import { CreateViewOptions } from '@azure/communication-calling';
 import { DeviceAccess } from '@azure/communication-calling';
 import { DeviceManager } from '@azure/communication-calling';
+import type { DiagnosticFlag } from '@azure/communication-calling';
+import type { DiagnosticQuality } from '@azure/communication-calling';
+import type { DiagnosticValueType } from '@azure/communication-calling';
 import { DominantSpeakersInfo } from '@azure/communication-calling';
 import { DtmfTone as DtmfTone_2 } from '@azure/communication-calling';
 import { EnvironmentInfo } from '@azure/communication-calling';
@@ -68,10 +71,12 @@ import { LatestNetworkDiagnostics } from '@azure/communication-calling';
 import { LocalRecordingInfo } from '@azure/communication-calling';
 import { LocalVideoStream } from '@azure/communication-calling';
 import type { MediaDiagnosticChangedEventArgs } from '@azure/communication-calling';
+import type { MediaDiagnosticType } from '@azure/communication-calling';
 import { MediaStreamType } from '@azure/communication-calling';
 import { MicrosoftTeamsAppIdentifier } from '@azure/communication-common';
 import { MicrosoftTeamsUserIdentifier } from '@azure/communication-common';
 import type { NetworkDiagnosticChangedEventArgs } from '@azure/communication-calling';
+import type { NetworkDiagnosticType } from '@azure/communication-calling';
 import { PartialTheme } from '@fluentui/react';
 import { ParticipantCapabilities } from '@azure/communication-calling';
 import { ParticipantInfo } from '@azure/communication-calling';
@@ -93,6 +98,7 @@ import { RemoteParticipantState as RemoteParticipantState_2 } from '@azure/commu
 import { RoomCallLocator } from '@azure/communication-calling';
 import { ScalingMode } from '@azure/communication-calling';
 import { SendMessageOptions } from '@azure/communication-chat';
+import type { ServerDiagnosticType } from '@azure/communication-calling';
 import { SpotlightedParticipant } from '@azure/communication-calling';
 import { StartCallOptions } from '@azure/communication-calling';
 import { StartCaptionsOptions } from '@azure/communication-calling';
@@ -694,9 +700,11 @@ export declare interface BlockedMessage extends MessageCommon {
  * @public
  */
 export declare interface BreakoutRoomsState {
+    /** Breakout room assigned to local user in call */
     assignedBreakoutRoom?: BreakoutRoom;
+    /** Breakout room settings of call. This is defined when call is a breakout room. */
     breakoutRoomSettings?: BreakoutRoomsSettings;
-    breakoutRoomOriginCallId?: string;
+    /** Display name of breakout room. This is defined when call is a breakout room. */
     breakoutRoomDisplayName?: string;
 }
 
@@ -1435,7 +1443,7 @@ export declare interface CallAdapterDeviceManagement {
  *
  * @public
  */
-export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator | CallParticipantsLocator | TeamsMeetingIdLocator;
+export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | RoomCallLocator | /* @conditional-compile-remove(call-participants-locator) */ CallParticipantsLocator | TeamsMeetingIdLocator;
 
 /**
  * {@link CommonCallAdapter} state.
@@ -1702,7 +1710,7 @@ export declare interface CallAgentState {
  */
 export declare interface CallAndChatLocator {
     /** Locator used by {@link createAzureCommunicationCallWithChatAdapter} to locate the call to join */
-    callLocator: GroupCallLocator | CallParticipantsLocator;
+    callLocator: GroupCallLocator | /* @conditional-compile-remove(call-participants-locator) */ CallParticipantsLocator;
     /** Chat thread ID used by {@link createAzureCommunicationCallWithChatAdapter} to locate the chat thread to join */
     chatThreadId: string;
 }
@@ -2118,7 +2126,7 @@ export declare type CallCompositeOptions = {
  *
  * @public
  */
-export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | 'removedFromCall' | 'unsupportedEnvironment' | 'transferring' | 'badRequest';
+export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'leaving' | 'lobby' | 'removedFromCall' | /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment' | 'transferring' | 'badRequest' | /* @conditional-compile-remove(breakout-rooms) */ 'returningFromBreakoutRoom';
 
 /**
  * Props for {@link CallComposite}.
@@ -3223,7 +3231,7 @@ export declare type CallErrors = {
  *
  * @public
  */
-export declare type CallErrorTarget = 'Call.addParticipant' | 'Call.dispose' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | 'Call.muteIncomingAudio' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | 'Call.startAudio' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | 'Call.stopAudio' | 'Call.stopVideo' | 'Call.unmute' | 'Call.unmuteIncomingAudio' | 'CallAgent.dispose' | 'CallAgent.feature' | 'CallAgent.join' | 'CallAgent.off' | 'CallAgent.on' | 'CallAgent.startCall' | 'CallClient.createCallAgent' | 'CallClient.createTeamsCallAgent' | 'CallClient.feature' | 'CallClient.getDeviceManager' | 'CallClient.getEnvironmentInfo' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject' | 'TeamsCall.addParticipant' | 'VideoEffectsFeature.startEffects' | 'CallAgent.handlePushNotification' | 'Call.admit' | 'Call.rejectParticipant' | 'Call.admitAll' | 'Call.mutedByOthers' | 'Call.muteAllRemoteParticipants' | 'Call.setConstraints';
+export declare type CallErrorTarget = 'Call.addParticipant' | 'Call.dispose' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | 'Call.muteIncomingAudio' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | 'Call.startAudio' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | 'Call.stopAudio' | 'Call.stopVideo' | 'Call.unmute' | 'Call.unmuteIncomingAudio' | 'CallAgent.dispose' | 'CallAgent.feature' | 'CallAgent.join' | 'CallAgent.off' | 'CallAgent.on' | 'CallAgent.startCall' | 'CallClient.createCallAgent' | 'CallClient.createTeamsCallAgent' | 'CallClient.feature' | 'CallClient.getDeviceManager' | 'CallClient.getEnvironmentInfo' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject' | 'TeamsCall.addParticipant' | 'VideoEffectsFeature.startEffects' | /* @conditional-compile-remove(calling-beta-sdk) */ 'CallAgent.handlePushNotification' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.admit' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.rejectParticipant' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.admitAll' | 'Call.mutedByOthers' | 'Call.muteAllRemoteParticipants' | 'Call.setConstraints';
 
 /**
  * Represents the name of the call feature stream
@@ -3600,7 +3608,7 @@ export declare interface CallState {
     /**
      * Proxy of {@link @azure/communication-calling#Call.info}.
      */
-    info?: TeamsCallInfo | CallInfo;
+    info?: TeamsCallInfo | /* @conditional-compile-remove(calling-beta-sdk) */ CallInfo;
     /**
      * Proxy of {@link @azure/communication-calling#TeamsMeetingAudioConferencingCallFeature}.
      */
@@ -3942,7 +3950,7 @@ export declare interface CallWithChatAdapterManagement {
      *
      * @public
      */
-    sendMessage(content: string, options?: SendMessageOptions | MessageOptions): Promise<void>;
+    sendMessage(content: string, options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions): Promise<void>;
     /**
      * Upload an inline image for a message.
      *
@@ -3972,7 +3980,7 @@ export declare interface CallWithChatAdapterManagement {
      *
      * @public
      */
-    updateMessage(messageId: string, content: string, options?: Record<string, string> | MessageOptions): Promise<void>;
+    updateMessage(messageId: string, content: string, options?: Record<string, string> | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions): Promise<void>;
     /**
      * Delete a message in the thread.
      *
@@ -4809,7 +4817,7 @@ export declare interface CallWithChatControlOptions extends CommonCallControlOpt
  *
  * @public
  */
-export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'isCaptionsActiveChanged' | 'captionsReceived' | 'isCaptionLanguageChanged' | 'isSpokenLanguageChanged' | 'realTimeTextReceived' | 'capabilitiesChanged' | 'spotlightChanged' | 'breakoutRoomsUpdated' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved' | 'chatInitialized';
+export declare type CallWithChatEvent = 'callError' | 'chatError' | 'callEnded' | 'isMutedChanged' | 'callIdChanged' | 'isLocalScreenSharingActiveChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'callParticipantsJoined' | 'callParticipantsLeft' | 'selectedMicrophoneChanged' | 'selectedSpeakerChanged' | 'isCaptionsActiveChanged' | 'captionsReceived' | 'isCaptionLanguageChanged' | 'isSpokenLanguageChanged' | /* @conditional-compile-remove(rtt) */ 'realTimeTextReceived' | 'capabilitiesChanged' | 'spotlightChanged' | /* @conditional-compile-remove(breakout-rooms) */ 'breakoutRoomsUpdated' | 'messageReceived' | 'messageEdited' | 'messageDeleted' | 'messageSent' | 'messageRead' | 'chatParticipantsAdded' | 'chatParticipantsRemoved' | 'chatInitialized';
 
 /**
  * @beta
@@ -5644,7 +5652,7 @@ export declare interface ChatAdapterThreadManagement {
      * Send a message in the thread.
      * Please note that SendMessageOptions is being deprecated, please use MessageOptions instead.
      */
-    sendMessage(content: string, options?: SendMessageOptions | MessageOptions): Promise<void>;
+    sendMessage(content: string, options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions): Promise<void>;
     /**
      * Upload an inline image for a message.
      */
@@ -5673,7 +5681,7 @@ export declare interface ChatAdapterThreadManagement {
      * Update a message content.
      * Please note that metadata is being deprecated, please use MessageOptions.metadata instead.
      */
-    updateMessage(messageId: string, content: string, options?: Record<string, string> | MessageOptions): Promise<void>;
+    updateMessage(messageId: string, content: string, options?: Record<string, string> | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions): Promise<void>;
     /**
      * Delete a message in the thread.
      */
@@ -5985,7 +5993,7 @@ export declare type ChatErrors = {
  *
  * @public
  */
-export declare type ChatErrorTarget = 'ChatClient.createChatThread' | 'ChatClient.deleteChatThread' | 'ChatClient.getChatThreadClient' | 'ChatClient.listChatThreads' | 'ChatClient.off' | 'ChatClient.on' | 'ChatClient.startRealtimeNotifications' | 'ChatClient.stopRealtimeNotifications' | 'ChatThreadClient.addParticipants' | 'ChatThreadClient.deleteMessage' | 'ChatThreadClient.getMessage' | 'ChatThreadClient.getProperties' | 'ChatThreadClient.listMessages' | 'ChatThreadClient.listParticipants' | 'ChatThreadClient.listReadReceipts' | 'ChatThreadClient.removeParticipant' | 'ChatThreadClient.sendMessage' | 'ChatThreadClient.sendReadReceipt' | 'ChatThreadClient.sendTypingNotification' | 'ChatThreadClient.updateMessage' | 'ChatThreadClient.updateProperties' | 'ChatThreadClient.updateTopic' | 'ChatThreadClient.uploadImage' | 'ChatThreadClient.deleteImage';
+export declare type ChatErrorTarget = 'ChatClient.createChatThread' | 'ChatClient.deleteChatThread' | 'ChatClient.getChatThreadClient' | 'ChatClient.listChatThreads' | 'ChatClient.off' | 'ChatClient.on' | 'ChatClient.startRealtimeNotifications' | 'ChatClient.stopRealtimeNotifications' | 'ChatThreadClient.addParticipants' | 'ChatThreadClient.deleteMessage' | 'ChatThreadClient.getMessage' | 'ChatThreadClient.getProperties' | 'ChatThreadClient.listMessages' | 'ChatThreadClient.listParticipants' | 'ChatThreadClient.listReadReceipts' | 'ChatThreadClient.removeParticipant' | 'ChatThreadClient.sendMessage' | 'ChatThreadClient.sendReadReceipt' | 'ChatThreadClient.sendTypingNotification' | 'ChatThreadClient.updateMessage' | /* @conditional-compile-remove(chat-beta-sdk) */ 'ChatThreadClient.updateProperties' | 'ChatThreadClient.updateTopic' | /* @conditional-compile-remove(chat-beta-sdk) */ 'ChatThreadClient.uploadImage' | /* @conditional-compile-remove(chat-beta-sdk) */ 'ChatThreadClient.deleteImage';
 
 /**
  * Object containing all the handlers required for chat components.
@@ -5996,7 +6004,7 @@ export declare type ChatErrorTarget = 'ChatClient.createChatThread' | 'ChatClien
  * @public
  */
 export declare type ChatHandlers = {
-    onSendMessage: (content: string, options?: SendMessageOptions | MessageOptions) => Promise<void>;
+    onSendMessage: (content: string, options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions) => Promise<void>;
     onUploadImage: (image: Blob, imageFilename: string) => Promise<UploadChatImageResult>;
     onDeleteImage: (imageId: string) => Promise<void>;
     onMessageSeen: (chatMessageId: string) => Promise<void>;
@@ -7440,7 +7448,7 @@ export declare const createStatefulChatClient: (args: StatefulChatClientArgs, op
 /**
  * @public
  */
-export declare const createTeamsCallAdapter: (args: TeamsCallAdapterArgs | TeamsOutboundCallAdapterArgs) => Promise<TeamsCallAdapter>;
+export declare const createTeamsCallAdapter: (args: TeamsCallAdapterArgs | /* @conditional-compile-remove(teams-identity-support-beta) */ TeamsOutboundCallAdapterArgs) => Promise<TeamsCallAdapter>;
 
 /**
  * Create a {@link TeamsCallAdapter} using the provided {@link StatefulCallClient}.
@@ -7450,7 +7458,7 @@ export declare const createTeamsCallAdapter: (args: TeamsCallAdapterArgs | Teams
  *
  * @public
  */
-export declare const createTeamsCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: TeamsCallAgent, locator: CallAdapterLocator | StartTeamsCallIdentifier[], options?: TeamsAdapterOptions) => Promise<TeamsCallAdapter>;
+export declare const createTeamsCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: TeamsCallAgent, locator: CallAdapterLocator | /* @conditional-compile-remove(teams-identity-support-beta) */ StartTeamsCallIdentifier[], options?: TeamsAdapterOptions) => Promise<TeamsCallAdapter>;
 
 /**
  * Object returned after creating a local or remote VideoStream.
@@ -7713,6 +7721,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     NotificationBarBreakoutRoomChanged: React_2.JSX.Element;
     NotificationBarBreakoutRoomJoined: React_2.JSX.Element;
     NotificationBarBreakoutRoomClosingSoon: React_2.JSX.Element;
+    NotificationBarBreakoutRoomClosed: React_2.JSX.Element;
     HorizontalGalleryLeftButton: React_2.JSX.Element;
     HorizontalGalleryRightButton: React_2.JSX.Element;
     MessageDelivered: React_2.JSX.Element;
@@ -7923,6 +7932,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     NotificationBarBreakoutRoomChanged: React_2.JSX.Element;
     NotificationBarBreakoutRoomJoined: React_2.JSX.Element;
     NotificationBarBreakoutRoomClosingSoon: React_2.JSX.Element;
+    NotificationBarBreakoutRoomClosed: React_2.JSX.Element;
     MessageResend: React_2.JSX.Element;
     ParticipantItemSpotlighted: React_2.JSX.Element;
     HoldCallContextualMenuItem: React_2.JSX.Element;
@@ -9680,7 +9690,7 @@ export declare interface MentionPopoverStrings {
  *
  * @public
  */
-export declare type Message = ChatMessage | SystemMessage | CustomMessage | BlockedMessage;
+export declare type Message = ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage;
 
 /**
  * Indicate whether a chat message should be displayed merged with the message before / after it.
@@ -9751,7 +9761,7 @@ export declare type MessageProps = {
     /**
      * Strings from parent MessageThread component
      */
-    strings: MessageThreadStrings & Partial<RichTextStrings>;
+    strings: MessageThreadStrings & /* @conditional-compile-remove(rich-text-editor) */ Partial<RichTextStrings>;
     /**
      * Custom CSS styles for chat message container.
      */
@@ -9929,7 +9939,7 @@ export declare type MessageThreadProps = {
     /**
      * Messages to render in message thread. A message can be of type `ChatMessage`, `SystemMessage`, `BlockedMessage` or `CustomMessage`.
      */
-    messages: (ChatMessage | SystemMessage | CustomMessage | BlockedMessage)[];
+    messages: (ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage)[];
     /**
      * number of participants in the thread
      */
@@ -10754,9 +10764,13 @@ export declare interface NotificationStackStrings {
      */
     assignedBreakoutRoomOpenedPromptJoin?: NotificationStrings;
     /**
-     * Message shown in notification when the user is assigned breakout room is changed
+     * Message shown in notification when the user's assigned breakout room is changed
      */
     assignedBreakoutRoomChanged?: NotificationStrings;
+    /**
+     * Message shown in notification when the user's assigned breakout room is closed
+     */
+    assignedBreakoutRoomClosed?: NotificationStrings;
     /**
      * Message shown in notification when breakout room is joined
      */
@@ -10854,7 +10868,7 @@ export declare interface NotificationStyles {
 }
 
 /** @public */
-export declare type NotificationTarget = 'assignedBreakoutRoomOpened' | 'assignedBreakoutRoomOpenedPromptJoin' | 'assignedBreakoutRoomChanged' | 'breakoutRoomJoined' | 'breakoutRoomClosingSoon' | 'capabilityTurnVideoOnPresent' | 'capabilityTurnVideoOnAbsent' | 'capabilityUnmuteMicPresent' | 'capabilityUnmuteMicAbsent' | 'togetherModeStarted' | 'togetherModeEnded';
+export declare type NotificationTarget = /* @conditional-compile-remove(breakout-rooms) */ 'assignedBreakoutRoomOpened' | /* @conditional-compile-remove(breakout-rooms) */ 'assignedBreakoutRoomOpenedPromptJoin' | /* @conditional-compile-remove(breakout-rooms) */ 'assignedBreakoutRoomChanged' | /* @conditional-compile-remove(breakout-rooms) */ 'assignedBreakoutRoomClosed' | /* @conditional-compile-remove(breakout-rooms) */ 'breakoutRoomJoined' | /* @conditional-compile-remove(breakout-rooms) */ 'breakoutRoomClosingSoon' | 'capabilityTurnVideoOnPresent' | 'capabilityTurnVideoOnAbsent' | 'capabilityUnmuteMicPresent' | 'capabilityUnmuteMicAbsent' | /* @conditional-compile-remove(together-mode) */ 'togetherModeStarted' | /* @conditional-compile-remove(together-mode) */ 'togetherModeEnded';
 
 /**
  * All notifications that can be shown in the {@link NotificationStack}.
@@ -11888,6 +11902,24 @@ export declare interface RecordingCallFeature {
     lastStoppedRecording?: RecordingInfo[];
 }
 
+/**
+ * State only proxy for {@link @azure/communication-calling#DiagnosticsCallFeature}.
+ *
+ * @beta
+ */
+export declare type RemoteDiagnosticState = {
+    readonly diagnostic: RemoteDiagnosticType;
+    readonly value: DiagnosticQuality | DiagnosticFlag;
+    readonly valueType: DiagnosticValueType;
+};
+
+/**
+ * All type names for {@link @azure/communication-calling#RemoteDiagnosticState}.
+ *
+ * @beta
+ */
+export declare type RemoteDiagnosticType = NetworkDiagnosticType | MediaDiagnosticType | ServerDiagnosticType;
+
 /**
  * State only version of {@link @azure/communication-calling#RemoteParticipant}. {@link StatefulCallClient} will
  * automatically retrieve RemoteParticipants and add their state to the state exposed by {@link StatefulCallClient}.
@@ -11955,6 +11987,10 @@ export declare interface RemoteParticipantState {
      * Proxy of {@link @azure/communication-calling#Call.MediaAccessCallFeature.MediaAccess}.
      */
     mediaAccess?: MediaAccessState;
+    /**
+     * The diagnostic status of RemoteParticipant{@link @azure/communication-calling#RemoteDiagnostics}.
+     */
+    diagnostics?: Partial<Record<RemoteDiagnosticType, RemoteDiagnosticState>>;
 }
 
 /**
@@ -12984,7 +13020,7 @@ export declare interface StatefulCallClient extends CallClient {
      * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to start rendering.
      * @param options - Options that are passed to the {@link @azure/communication-calling#VideoStreamRenderer}.
      */
-    createView(callId: string | undefined, participantId: CommunicationIdentifier | undefined, stream: LocalVideoStreamState | RemoteVideoStreamState | CallFeatureStreamState, options?: CreateViewOptions): Promise<CreateViewResult | undefined>;
+    createView(callId: string | undefined, participantId: CommunicationIdentifier | undefined, stream: LocalVideoStreamState | RemoteVideoStreamState | /* @conditional-compile-remove(together-mode) */ CallFeatureStreamState, options?: CreateViewOptions): Promise<CreateViewResult | undefined>;
     /**
      * Stops rendering a {@link RemoteVideoStreamState} or {@link LocalVideoStreamState} and removes the
      * {@link VideoStreamRendererView} from the relevant {@link RemoteVideoStreamState} in {@link CallClientState} or
@@ -13009,7 +13045,7 @@ export declare interface StatefulCallClient extends CallClient {
      *   be undefined if disposing LocalVideoStreamState.
      * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to dispose.
      */
-    disposeView(callId: string | undefined, participantId: CommunicationIdentifier | undefined, stream: LocalVideoStreamState | RemoteVideoStreamState | CallFeatureStreamState): void;
+    disposeView(callId: string | undefined, participantId: CommunicationIdentifier | undefined, stream: LocalVideoStreamState | RemoteVideoStreamState | /* @conditional-compile-remove(together-mode) */ CallFeatureStreamState): void;
     /**
      * The CallAgent is used to handle calls.
      * To create the CallAgent, pass a CommunicationTokenCredential object provided from SDK.
@@ -13349,7 +13385,7 @@ export declare interface TeamsCallAdapter extends CommonCallAdapter {
  * @public
  */
 export declare type TeamsCallAdapterArgs = TeamsCallAdapterArgsCommon & {
-    locator: TeamsMeetingLinkLocator | CallParticipantsLocator | TeamsMeetingIdLocator;
+    locator: TeamsMeetingLinkLocator | /* @conditional-compile-remove(call-participants-locator) */ CallParticipantsLocator | TeamsMeetingIdLocator;
 };
 
 /**
@@ -13991,7 +14027,7 @@ export declare const useTeamsCall: () => undefined | TeamsCall;
  *
  * @public
  */
-export declare const useTeamsCallAdapter: (args: Partial<TeamsCallAdapterArgs | TeamsOutboundCallAdapterArgs>, afterCreate?: (adapter: TeamsCallAdapter) => Promise<TeamsCallAdapter>, beforeDispose?: (adapter: TeamsCallAdapter) => Promise<void>) => TeamsCallAdapter | undefined;
+export declare const useTeamsCallAdapter: (args: Partial<TeamsCallAdapterArgs | /* @conditional-compile-remove(teams-identity-support-beta) */ TeamsOutboundCallAdapterArgs>, afterCreate?: (adapter: TeamsCallAdapter) => Promise<TeamsCallAdapter>, beforeDispose?: (adapter: TeamsCallAdapter) => Promise<void>) => TeamsCallAdapter | undefined;
 
 /**
  * Hook to obtain {@link @azure/communication-calling#TeamsCallAgent} from the provider.
@@ -14142,7 +14178,7 @@ export declare const VideoGallery: (props: VideoGalleryProps) => JSX.Element;
 /**
  * @public
  */
-export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'speaker' | 'togetherMode' | 'focusedContent';
+export declare type VideoGalleryLayout = 'default' | 'floatingLocalVideo' | 'speaker' | /* @conditional-compile-remove(large-gallery) */ 'largeGallery' | /* @conditional-compile-remove(together-mode) */ 'togetherMode' | 'focusedContent';
 
 /**
  * The state of the local participant in the {@link VideoGallery}.
@@ -14179,6 +14215,8 @@ export declare type VideoGalleryParticipant = {
     isScreenSharingOn?: boolean;
     /** Whether participant is spotlighted **/
     spotlight?: Spotlight;
+    /** Signal strength of the participant, range from 1 to 3, lower means better connection **/
+    signalStrength?: number;
     /** Media audio video access states **/
     mediaAccess?: MediaAccess;
     /** Attendee can have audio be forbidden **/
@@ -14752,6 +14790,8 @@ export declare interface VideoTileStrings {
     participantStateRinging: string;
     /** String for displaying the Hold state of the remote participant */
     participantStateHold: string;
+    /** String for displaying the reconnecting state of the remote participant */
+    participantReconnecting?: string;
     /** String for the announcement of the muted state of the participant when muted */
     moreOptionsParticipantMutedStateMutedAriaLabel: string;
     /** String for the announcement of the unmuted state of the participant when unmuted */

package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-ClQ2m7aI.js → ChatMessageComponentAsRichTextEditBox-Cb3pqaYH.js}

@@ -4,7 +4,7 @@ var react = require('@fluentui/react');
 var reactChat = require('@fluentui-contrib/react-chat');
 var reactComponents = require('@fluentui/react-components');
 require('@azure/communication-common');
-var index = require('./index-CcIzeubJ.js');
+var index = require('./index-kyQHMAXg.js');
 var React = require('react');
 require('reselect');
 require('@azure/communication-calling');
@@ -40,17 +40,30 @@ require('@azure/communication-calling-effects');
  */
 const ChatMessageComponentAsRichTextEditBox = (props) => {
     var _a;
-    const { onCancel, onSubmit, strings, message, onPaste, onInsertInlineImage, inlineImagesWithProgress, onRemoveInlineImage } = props;
+    const { onCancel, onSubmit, strings, message, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    onPaste, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    onInsertInlineImage, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    inlineImagesWithProgress, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    onRemoveInlineImage } = props;
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const [initialInlineImages, setInitialInlineImages] = React.useState([]);
     const initialContent = React.useMemo(() => {
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         const content = message.content;
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         setInitialInlineImages(index.getPreviousInlineImages(content));
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         const document = new DOMParser().parseFromString(content !== null && content !== undefined ? content : '', 'text/html');
         // The broken image element is a div element with all the attributes of the original image element.
         // We need to convert it to a img element so the Rooster knows how to render it.
         // And we need to copy over all the attributes such as id, width, etc.
         // which is needed for sending the message with the images correctly.
-        document.querySelectorAll('.broken-image-wrapper').forEach(brokenImage => {
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        document.querySelectorAll('.broken-image-wrapper').forEach((brokenImage) => {
             var _a;
             const imageElement = document.createElement('img');
             const attributes = brokenImage.attributes;
@@ -62,11 +75,15 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
             imageElement.style.height = '3rem';
             (_a = brokenImage.parentElement) === null || _a === undefined ? undefined : _a.replaceChild(imageElement, brokenImage);
         });
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         return document.body.innerHTML;
     }, [message]);
     const [contentValue, setContentValue] = React.useState(initialContent || '');
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const [contentValueWithInlineImagesOverflow, setContentValueWithInlineImagesOverflow] = React.useState(false);
+    /* @conditional-compile-remove(file-sharing-acs) */
     const [attachmentMetadata, handleAttachmentAction] = React.useReducer(index.attachmentMetadataReducer, (_a = index.getMessageWithAttachmentMetadata(message)) !== null && _a !== undefined ? _a : []);
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = React.useState(undefined);
     const editTextFieldRef = React.useRef(null);
     const theme = index.useTheme();
@@ -75,11 +92,13 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         // get plain text content from the editor to check if the message is empty
         // as the content may contain tags even when the content is empty
         const plainTextContent = (_b = (_a = editTextFieldRef.current) === null || _a === undefined ? undefined : _a.getPlainContent()) !== null && _b !== undefined ? _b : contentValue;
-        return index.getMessageState(plainTextContent, attachmentMetadata !== null && attachmentMetadata !== undefined ? attachmentMetadata : []);
-    }, [attachmentMetadata, contentValue]);
+        return index.getMessageState(plainTextContent, 
+        /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata !== null && attachmentMetadata !== undefined ? attachmentMetadata : []);
+    }, [/* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata, contentValue]);
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const imageUploadErrorMessage = React.useMemo(() => {
         var _a, _b;
-        return (_b = (_a = inlineImagesWithProgress === null || inlineImagesWithProgress === undefined ? undefined : inlineImagesWithProgress.filter(image => image.error).pop()) === null || _a === undefined ? undefined : _a.error) === null || _b === undefined ? undefined : _b.message;
+        return (_b = (_a = inlineImagesWithProgress === null || inlineImagesWithProgress === undefined ? undefined : inlineImagesWithProgress.filter((image) => image.error).pop()) === null || _a === undefined ? undefined : _a.error) === null || _b === undefined ? undefined : _b.message;
     }, [inlineImagesWithProgress]);
     const submitEnabled = messageState === 'OK';
     const editContainerStyles = index.useChatMessageRichTextEditContainerStyles();
@@ -93,15 +112,18 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         (_a = editTextFieldRef.current) === null || _a === undefined ? undefined : _a.focus();
     }, []);
     const textTooLongMessage = React.useMemo(() => {
-        return messageState === 'too long' || contentValueWithInlineImagesOverflow ? index._formatString(strings.editBoxTextLimit, {
-            limitNumber: `${index.MAXIMUM_LENGTH_OF_MESSAGE}`
-        }) : undefined;
-    }, [messageState, strings.editBoxTextLimit, contentValueWithInlineImagesOverflow]);
+        return messageState === 'too long' ||
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow
+            ? index._formatString(strings.editBoxTextLimit, { limitNumber: `${index.MAXIMUM_LENGTH_OF_MESSAGE}` })
+            : undefined;
+    }, [
+        messageState,
+        strings.editBoxTextLimit,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow
+    ]);
     const iconClassName = React.useCallback((isHover) => {
         const color = isHover ? theme.palette.accent : theme.palette.neutralSecondary;
-        return react.mergeStyles(index.richTextEditBoxActionButtonIcon, {
-            color
-        });
+        return react.mergeStyles(index.richTextEditBoxActionButtonIcon, { color });
     }, [theme.palette.accent, theme.palette.neutralSecondary]);
     const onRenderThemedCancelIcon = React.useCallback((isHover) => {
         return index.onRenderCancelIcon(iconClassName(isHover));
@@ -109,6 +131,7 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
     const onRenderThemedSubmitIcon = React.useCallback((isHover) => {
         return index.onRenderSubmitIcon(iconClassName(isHover));
     }, [iconClassName]);
+    /* @conditional-compile-remove(file-sharing-acs) */
     const hasMultipleAttachments = React.useMemo(() => {
         return index.doesMessageContainMultipleAttachments(message);
     }, [message]);
@@ -116,6 +139,7 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
         if (!submitEnabled) {
             return;
         }
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         if (inlineImagesWithProgress && inlineImagesWithProgress.length > 0) {
             const contentWithUpdatedInlineImagesInfo = index.getContentWithUpdatedInlineImagesInfo(contentValue, inlineImagesWithProgress);
             const messageTooLong = index.isMessageTooLong(contentWithUpdatedInlineImagesInfo.length);
@@ -128,7 +152,9 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
             }
         }
         // Don't send message until all attachments have been uploaded successfully
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         setAttachmentUploadsPendingError(undefined);
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         if (index.hasIncompleteAttachmentUploads(inlineImagesWithProgress)) {
             setAttachmentUploadsPendingError({
                 message: strings.imageUploadsPendingError,
@@ -138,69 +164,117 @@ const ChatMessageComponentAsRichTextEditBox = (props) => {
             return;
         }
         let content = contentValue;
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         content = index.removeBrokenImageContentAndClearImageSizeStyles(content);
         let initInlineImages = [];
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         initInlineImages = initialInlineImages !== null && initialInlineImages !== undefined ? initialInlineImages : [];
         index.modifyInlineImagesInContentString(content, initInlineImages, (content) => {
             // it's very important to pass an empty attachment here
             // so when user removes all attachments, UI can reflect it instantly
             // if you set it to undefined, the attachments pre-edited would still be there
             // until edit message event is received
-            onSubmit(content, attachmentMetadata || []);
+            onSubmit(content, /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata || []);
         });
-    }, [submitEnabled, inlineImagesWithProgress, initialInlineImages, contentValue, strings.imageUploadsPendingError, onSubmit, attachmentMetadata]);
+    }, [
+        submitEnabled,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        inlineImagesWithProgress,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        initialInlineImages,
+        contentValue,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        strings.imageUploadsPendingError,
+        onSubmit,
+        /* @conditional-compile-remove(file-sharing-acs) */
+        attachmentMetadata
+    ]);
     const actionButtons = React.useMemo(() => {
-        return React.createElement(react.Stack, { horizontal: true },
+        return (React.createElement(react.Stack, { horizontal: true },
             React.createElement(index.InputBoxButton, { className: index.richTextActionButtonsStyle, ariaLabel: strings.editBoxCancelButton, tooltipContent: strings.editBoxCancelButton, onRenderIcon: onRenderThemedCancelIcon, onClick: () => {
                     onCancel && onCancel(message.messageId);
                 }, id: 'dismissIconWrapper', "data-testId": 'chat-message-rich-text-edit-box-cancel-button' }),
-            React.createElement(index.InputBoxButton, { className: index.richTextActionButtonsStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: e => {
+            React.createElement(index.InputBoxButton, { className: index.richTextActionButtonsStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: (e) => {
                     onSubmitHandler();
                     e.stopPropagation();
-                }, id: 'submitIconWrapper', "data-testId": 'chat-message-rich-text-edit-box-submit-button' }));
-    }, [message.messageId, onCancel, onRenderThemedCancelIcon, onRenderThemedSubmitIcon, strings.editBoxCancelButton, strings.editBoxSubmitButton, onSubmitHandler]);
+                }, id: 'submitIconWrapper', "data-testId": 'chat-message-rich-text-edit-box-submit-button' })));
+    }, [
+        message.messageId,
+        onCancel,
+        onRenderThemedCancelIcon,
+        onRenderThemedSubmitIcon,
+        strings.editBoxCancelButton,
+        strings.editBoxSubmitButton,
+        onSubmitHandler
+    ]);
     const richTextLocaleStrings = React.useMemo(() => {
+        /* @conditional-compile-remove(rich-text-editor) */
         return Object.assign(Object.assign({}, locale.richTextSendBox), strings);
-    }, [locale.richTextSendBox, strings, locale.sendBox]);
+    }, [
+        /* @conditional-compile-remove(rich-text-editor) */ locale.richTextSendBox,
+        /* @conditional-compile-remove(rich-text-editor) */ strings,
+        locale.sendBox
+    ]);
+    /* @conditional-compile-remove(file-sharing-acs) */
     const onCancelAttachmentUpload = React.useCallback((attachmentId) => {
         // edit box only capable of removing attachments
         // we need to expand attachment actions
         // if we want to support more actions e.g. add
-        handleAttachmentAction({
-            type: 'remove',
-            id: attachmentId
-        });
+        handleAttachmentAction({ type: 'remove', id: attachmentId });
     }, []);
+    /* @conditional-compile-remove(file-sharing-acs) */
     const onRenderAttachmentUploads = React.useCallback(() => {
-        return React.createElement(react.Stack, { className: index.attachmentUploadCardsStyles },
+        return (React.createElement(react.Stack, { className: index.attachmentUploadCardsStyles },
             React.createElement(index.FluentV9ThemeProvider, { v8Theme: theme },
-                React.createElement(index._AttachmentUploadCards, { attachments: attachmentMetadata, onCancelAttachmentUpload: onCancelAttachmentUpload })));
+                React.createElement(index._AttachmentUploadCards, { attachments: attachmentMetadata, onCancelAttachmentUpload: onCancelAttachmentUpload }))));
     }, [attachmentMetadata, onCancelAttachmentUpload, theme]);
-    const onChangeHandler = React.useCallback((content, removedInlineImages) => {
+    const onChangeHandler = React.useCallback((content, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    removedInlineImages) => {
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         removedInlineImages === null || removedInlineImages === undefined ? undefined : removedInlineImages.forEach((removedInlineImage) => {
             onRemoveInlineImage && onRemoveInlineImage(removedInlineImage, message.messageId);
         });
         setContent(content);
-    }, [setContent, onRemoveInlineImage, message.messageId]);
+    }, [
+        setContent,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ onRemoveInlineImage,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ message.messageId
+    ]);
     const getContent = () => {
-        return React.createElement(react.Stack, { className: react.mergeStyles(index.editBoxWidthStyles) },
-            React.createElement(index.RichTextSendBoxErrors, { textTooLongMessage: textTooLongMessage, systemMessage: message.failureReason, attachmentUploadsPendingError: attachmentUploadsPendingError, attachmentProgressError: imageUploadErrorMessage ? {
-                    message: imageUploadErrorMessage,
-                    timestamp: Date.now(),
-                    errorBarType: index.SendBoxErrorBarType.error
-                } : undefined }),
-            React.createElement(index.RichTextInputBoxComponent, { placeholderText: strings.editBoxPlaceholderText, onChange: onChangeHandler, onEnterKeyDown: onSubmitHandler, editorComponentRef: editTextFieldRef, initialContent: initialContent, strings: richTextLocaleStrings, disabled: false, actionComponents: actionButtons, richTextEditorStyleProps: index.editBoxRichTextEditorStyle, isHorizontalLayoutDisabled: true, onRenderAttachmentUploads: onRenderAttachmentUploads, onPaste: onPaste, onInsertInlineImage: onInsertInlineImage ? (imageAttributes) => {
-                    onInsertInlineImage(imageAttributes, message.messageId);
-                } : undefined }));
+        return (React.createElement(react.Stack, { className: react.mergeStyles(index.editBoxWidthStyles) },
+            React.createElement(index.RichTextSendBoxErrors, { textTooLongMessage: textTooLongMessage, systemMessage: message.failureReason, 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */ attachmentUploadsPendingError: attachmentUploadsPendingError, 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                attachmentProgressError: imageUploadErrorMessage
+                    ? {
+                        message: imageUploadErrorMessage,
+                        timestamp: Date.now(),
+                        errorBarType: index.SendBoxErrorBarType.error
+                    }
+                    : undefined }),
+            React.createElement(index.RichTextInputBoxComponent, { placeholderText: strings.editBoxPlaceholderText, onChange: onChangeHandler, onEnterKeyDown: onSubmitHandler, editorComponentRef: editTextFieldRef, initialContent: initialContent, strings: richTextLocaleStrings, disabled: false, actionComponents: actionButtons, richTextEditorStyleProps: index.editBoxRichTextEditorStyle, isHorizontalLayoutDisabled: true, 
+                /* @conditional-compile-remove(file-sharing-acs) */
+                onRenderAttachmentUploads: onRenderAttachmentUploads, 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                onPaste: onPaste, 
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                onInsertInlineImage: onInsertInlineImage
+                    ? (imageAttributes) => {
+                        onInsertInlineImage(imageAttributes, message.messageId);
+                    }
+                    : undefined })));
     };
     const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';
-    return React.createElement(reactChat.ChatMyMessage, { attached: attached, root: {
-            className: reactComponents.mergeClasses(chatMyMessageStyles.root, hasMultipleAttachments ? chatMyMessageStyles.multipleAttachmentsInEditing : undefined)
+    return (React.createElement(reactChat.ChatMyMessage, { attached: attached, root: {
+            className: reactComponents.mergeClasses(chatMyMessageStyles.root, 
+            /* @conditional-compile-remove(file-sharing-acs) */
+            hasMultipleAttachments ? chatMyMessageStyles.multipleAttachmentsInEditing : undefined)
         }, body: {
             className: reactComponents.mergeClasses(editContainerStyles.body, attached !== 'top' ? editContainerStyles.bodyAttached : undefined)
-        } }, getContent());
+        } }, getContent()));
 };
 
 exports.ChatMessageComponentAsRichTextEditBox = ChatMessageComponentAsRichTextEditBox;
 exports.default = ChatMessageComponentAsRichTextEditBox;
-//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-ClQ2m7aI.js.map
+//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox-Cb3pqaYH.js.map