@azure/communication-react 1.11.0-alpha-202312050013 → 1.11.0-alpha-202312070013

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/callStatusSelector.d.ts

@@ -2,29 +2,7 @@ import { CallState as SDKCallStatus } from '@azure/communication-calling';
 /**
  * @private
  */
-export declare const callStatusSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const callStatusSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     callStatus: SDKCallStatus;
     isScreenShareOn: boolean;
 }) & import("reselect").OutputSelectorFields<(args_0: SDKCallStatus, args_1: boolean) => {

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitiesChangedInfoAndRoleSelector.d.ts

@@ -2,29 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const capabilitiesChangedInfoAndRoleSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const capabilitiesChangedInfoAndRoleSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     capabilitiesChangeInfo: import("@azure/communication-calling").CapabilitiesChangeInfo | undefined;
     participantRole: import("@azure/communication-calling").ParticipantRole | undefined;
 }) & reselect.OutputSelectorFields<(args_0: import("@azure/communication-calling").CapabilitiesChangeInfo | undefined, args_1: import("@azure/communication-calling").ParticipantRole | undefined) => {

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/complianceBannerSelector.d.ts

@@ -2,29 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const complianceBannerSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const complianceBannerSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     callTranscribeState: boolean;
     callRecordState: boolean;
 }) & reselect.OutputSelectorFields<(args_0: boolean, args_1: boolean) => {

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/deviceCountSelector.d.ts

@@ -1,29 +1,7 @@
 /**
  * @private
  */
-export declare const deviceCountSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const deviceCountSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     camerasCount: number;
     microphonesCount: number;
 }) & import("reselect").OutputSelectorFields<(args_0: import("@azure/communication-calling").VideoDeviceInfo[], args_1: import("@azure/communication-calling").AudioDeviceInfo[]) => {

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/devicePermissionSelector.d.ts

@@ -2,29 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const devicePermissionSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const devicePermissionSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     video: boolean | undefined;
     audio: boolean | undefined;
 }) & reselect.OutputSelectorFields<(args_0: import("../../../../../communication-react/src/index").DeviceManagerState) => {

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.d.ts

@@ -6,29 +6,7 @@ import * as reselect from 'reselect';
  *
  * @private
  */
-export declare const dominantRemoteParticipantSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../calling-stateful-client/src").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../calling-stateful-client/src").DeviceManagerState;
-    endedCall?: import("../../../../../calling-stateful-client/src").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../calling-component-bindings/src").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../calling-stateful-client/src").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => import("../../../../../communication-react/src/index").VideoGalleryRemoteParticipant | undefined) & reselect.OutputSelectorFields<(args_0: {
+export declare const dominantRemoteParticipantSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => import("../../../../../communication-react/src/index").VideoGalleryRemoteParticipant | undefined) & reselect.OutputSelectorFields<(args_0: {
     [keys: string]: RemoteParticipantState;
 } | undefined, args_1: import("@azure/communication-calling").DominantSpeakersInfo | undefined) => import("../../../../../communication-react/src/index").VideoGalleryRemoteParticipant | undefined, {
     clearCache: () => void;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/lobbySelector.d.ts

@@ -2,29 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const lobbySelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../calling-component-bindings/src").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const lobbySelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     localParticipantVideoStream: {
         isAvailable: boolean;
         isMirrored: boolean | undefined;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.d.ts

@@ -3,29 +3,7 @@ import * as reselect from 'reselect';
  * Picture in picture in picture needs to display the most-dominant remote speaker, as well as the local participant video.
  * @private
  */
-export declare const localAndRemotePIPSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../calling-component-bindings/src").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const localAndRemotePIPSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     localParticipant: {
         displayName: string | undefined;
         videoStream: {

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localPreviewSelector.d.ts

@@ -2,29 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const localPreviewSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const localPreviewSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     videoStreamElement: HTMLElement | null;
 }) & reselect.OutputSelectorFields<(args_0: import("../../../../../communication-react/src/index").DeviceManagerState) => {
     videoStreamElement: HTMLElement | null;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localVideoStreamSelector.d.ts

@@ -3,29 +3,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const localVideoSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../calling-stateful-client/src").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../calling-stateful-client/src").DeviceManagerState;
-    endedCall?: import("../../../../../calling-stateful-client/src").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../calling-component-bindings/src").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../calling-stateful-client/src").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const localVideoSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     isAvailable: boolean;
     isMirrored: boolean | undefined;
     renderElement: HTMLElement | undefined;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mediaGallerySelector.d.ts

@@ -2,29 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const mediaGallerySelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const mediaGallerySelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     isVideoStreamOn: boolean;
 }) & reselect.OutputSelectorFields<(args_0: import("../../../../../communication-react/src/index").LocalVideoStreamState[] | undefined) => {
     isVideoStreamOn: boolean;
@@ -37,29 +15,7 @@ export declare const mediaGallerySelector: ((state: {
  * Custom selector for this hook to retrieve all the participants that are currently
  * connected to the call.
  */
-export declare const getRemoteParticipantsConnectedSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => import("../../../../../communication-react/src/index").RemoteParticipantState[]) & reselect.OutputSelectorFields<(args_0: {
+export declare const getRemoteParticipantsConnectedSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => import("../../../../../communication-react/src/index").RemoteParticipantState[]) & reselect.OutputSelectorFields<(args_0: {
     [keys: string]: import("../../../../../communication-react/src/index").RemoteParticipantState;
 } | undefined) => import("../../../../../communication-react/src/index").RemoteParticipantState[], {
     clearCache: () => void;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/mutedNotificationSelector.d.ts

@@ -2,29 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const mutedNotificationSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const mutedNotificationSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     speakingWhileMuted: boolean;
 }) & reselect.OutputSelectorFields<(args_0: import("../../../../../communication-react/src/index").DiagnosticsCallFeatureState | undefined) => {
     speakingWhileMuted: boolean;

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/networkReconnectTileSelector.d.ts

@@ -2,29 +2,7 @@ import * as reselect from 'reselect';
 /**
  * @private
  */
-export declare const networkReconnectTileSelector: ((state: {
-    isLocalPreviewMicrophoneEnabled: boolean;
-    page: import("../../../../../communication-react/src/index").CallCompositePage;
-    unsupportedBrowserVersionsAllowed?: boolean | undefined;
-    userId: import("@azure/communication-common").CommunicationIdentifierKind;
-    displayName?: string | undefined;
-    call?: import("../../../../../communication-react/src/index").CallState | undefined;
-    targetCallees?: import("@azure/communication-common").CommunicationIdentifier[] | undefined;
-    devices: import("../../../../../communication-react/src/index").DeviceManagerState;
-    endedCall?: import("../../../../../communication-react/src/index").CallState | undefined;
-    isTeamsCall: boolean;
-    isRoomsCall: boolean;
-    latestErrors: import("../../../../../communication-react/src/index").AdapterErrors;
-    alternateCallerId?: string | undefined;
-    environmentInfo?: import("@azure/communication-calling").EnvironmentInfo | undefined;
-    cameraStatus?: "On" | "Off" | undefined;
-    videoBackgroundImages?: import("../../../../../communication-react/src/index").VideoBackgroundImage[] | undefined;
-    onResolveVideoEffectDependency?: (() => Promise<import("../../../../../communication-react/src/index").VideoBackgroundEffectsDependency>) | undefined;
-    selectedVideoBackgroundEffect?: import("../../../../../communication-react/src/index").VideoBackgroundEffect | undefined;
-    acceptedTransferCallState?: import("../../../../../communication-react/src/index").CallState | undefined;
-    hideAttendeeNames?: boolean | undefined;
-    sounds?: import("../../../../../communication-react/src/index").CallingSounds | undefined;
-}) => {
+export declare const networkReconnectTileSelector: ((state: import("../../../../../communication-react/src/index").CallAdapterUiState & import("../../../../../communication-react/src/index").CallAdapterClientState) => {
     networkReconnectValue: boolean | import("@azure/communication-calling").DiagnosticQuality | undefined;
     localParticipantVideoStream: {
         isAvailable: boolean;

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.d.ts

@@ -13,8 +13,12 @@ export declare const configurationStackTokensDesktop: IStackTokens;
  * @private
  */
 export declare const configurationStackTokensMobile: IStackTokens;
+/**
+ * @private
+ */
+export declare const deviceConfigurationStackTokens: IStackTokens;
 /** @private */
-export declare const configurationContainerStyle: (desktop: boolean, backgroundImageUrl?: string | undefined) => IStackStyles;
+export declare const configurationContainerStyle: (desktop: boolean, backgroundImageUrl?: string) => IStackStyles;
 /**
  * @private
  */
@@ -26,11 +30,11 @@ export declare const selectionContainerStyle: (theme: ITheme) => string;
 /**
  * @private
  */
-export declare const titleContainerStyleDesktop: string;
+export declare const titleContainerStyleDesktop: (theme: ITheme) => string;
 /**
  * @private
  */
-export declare const titleContainerStyleMobile: string;
+export declare const titleContainerStyleMobile: (theme: ITheme) => string;
 /**
  * @private
  */
@@ -68,7 +72,7 @@ export declare const effectsButtonStyles: (theme: Theme) => IButtonStyles;
 /** @private */
 export declare const fillWidth: string;
 /** @private */
-export declare const configurationCenteredContent: (fillsHeight: boolean, hasLogo?: boolean | undefined) => string;
+export declare const configurationCenteredContent: (fillsHeight: boolean, hasLogo?: boolean) => string;
 /** @private */
 export declare const panelStyles: Partial<IPanelStyles>;
 /** @private */
@@ -76,5 +80,5 @@ export declare const panelFocusProps: IFocusTrapZoneProps;
 /**
  * @private
  */
-export declare const logoStyles: (shape: 'circle' | 'square') => IImageStyles;
+export declare const logoStyles: (shape: undefined | 'unset' | 'circle') => IImageStyles;
 //# sourceMappingURL=CallConfiguration.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.js

@@ -9,7 +9,6 @@ export const CONFIGURATION_PAGE_SECTION_MAX_WIDTH_REM = 20.625;
 /** @private */
 export const CONFIGURATION_PAGE_SECTION_HEIGHT_REM = 13.625;
 const LOGO_HEIGHT_REM = 3;
-const LOGO_MARGIN_BOTTOM_REM = 1;
 /**
  * @private
  */
@@ -20,6 +19,12 @@ export const configurationStackTokensDesktop = {
  * @private
  */
 export const configurationStackTokensMobile = {
+    childrenGap: '0.5rem'
+};
+/**
+ * @private
+ */
+export const deviceConfigurationStackTokens = {
     childrenGap: '1.5rem'
 };
 /** @private */
@@ -27,7 +32,7 @@ export const configurationContainerStyle = (desktop, backgroundImageUrl) => ({
     root: {
         height: '100%',
         width: '100%',
-        padding: '2rem 1rem 2rem 1rem',
+        padding: desktop ? '2rem 1rem 2rem 1rem' : '1rem 1rem 2rem 1rem',
         minWidth: desktop
             ? '25rem' // sum of min-width from children + ChildrenGap * (nb of children - 1) + padding * 2 = (11 + 11) + (2 * 1) + 0.5 * 2
             : '16rem',
@@ -80,20 +85,36 @@ export const selectionContainerStyle = (theme) => mergeStyles({
 /**
  * @private
  */
-export const titleContainerStyleDesktop = mergeStyles({
-    fontSize: '1.25rem',
-    lineHeight: '1.75rem',
+export const titleContainerStyleDesktop = (theme) => mergeStyles({
+    fontSize: '1.2rem',
+    lineHeight: '1rem',
     fontWeight: 600
-});
+}, configurationPageTextDecoration(theme));
 /**
  * @private
  */
-export const titleContainerStyleMobile = mergeStyles({
+export const titleContainerStyleMobile = (theme) => mergeStyles({
     fontSize: '1.0625rem',
     lineHeight: '1.375rem',
     fontWeight: 600,
     textAlign: 'center'
-});
+}, configurationPageTextDecoration(theme));
+/**
+ * Ensure configuration page text is legible on top of a background image.
+ * @private
+ */
+const configurationPageTextDecoration = (theme) => {
+    return {
+        textShadow: `0px 0px 8px ${theme.palette.whiteTranslucent40}`,
+        fill: theme.semanticColors.bodyText,
+        stroke: theme.palette.whiteTranslucent40,
+        paintOrder: 'stroke fill',
+        strokeWidth: _pxToRem(1.5),
+        text: {
+            letterSpacing: '-0.02rem' // cope with extra width due to stroke width
+        }
+    };
+};
 /**
  * @private
  */
@@ -106,8 +127,7 @@ export const callDetailsContainerStyles = {
 };
 const callDetailsStyle = {
     fontSize: '0.9375',
-    lineHeight: '1.25rem',
-    marginTop: '0.25rem'
+    lineHeight: '1.25rem'
 };
 /**
  * @private
@@ -116,7 +136,7 @@ export const callDetailsStyleDesktop = mergeStyles(Object.assign({}, callDetails
 /**
  * @private
  */
-export const callDetailsStyleMobile = mergeStyles(Object.assign(Object.assign({}, callDetailsStyle), { textAlign: 'center' }));
+export const callDetailsStyleMobile = mergeStyles(Object.assign(Object.assign({}, callDetailsStyle), { marginBottom: '0.5rem', textAlign: 'center' }));
 /**
  * @private
  */
@@ -202,7 +222,7 @@ export const configurationCenteredContent = (fillsHeight, hasLogo) => mergeStyle
     // in and not shift the content. To exclude the logo, we subtract the logo height
     // and margin from the actual height. This allows the flex box's natural centering
     // to appropriately center the content.
-    height: `calc(100% - ${!fillsHeight && hasLogo ? `${LOGO_HEIGHT_REM + LOGO_MARGIN_BOTTOM_REM}rem` : '0rem'})`
+    height: `calc(100% - ${!fillsHeight && hasLogo ? `${LOGO_HEIGHT_REM}rem` : '0rem'})`
 });
 /** @private */
 export const panelStyles = {
@@ -232,13 +252,13 @@ export const logoStyles = (shape) => ({
     root: {
         overflow: 'initial',
         display: 'flex',
-        justifyContent: 'center',
-        marginBottom: `${LOGO_MARGIN_BOTTOM_REM}rem`
+        justifyContent: 'center'
     },
     image: {
-        borderRadius: shape === 'circle' ? '100%' : undefined,
         height: `${LOGO_HEIGHT_REM}rem`,
-        width: `${LOGO_HEIGHT_REM}rem` // width should match height
+        borderRadius: shape === 'circle' ? '100%' : undefined,
+        aspectRatio: shape === 'circle' ? '1 / 1' : undefined,
+        objectFit: shape === 'circle' ? 'cover' : undefined
     }
 });
 //# sourceMappingURL=CallConfiguration.styles.js.map