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

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

@@ -18,7 +18,7 @@ export declare const configurationStackTokensMobile: IStackTokens;
  */
 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
  */
@@ -72,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 */
@@ -80,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

@@ -255,9 +255,10 @@ export const logoStyles = (shape) => ({
         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

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

@@ -1 +1 @@
-{"version":3,"file":"CallConfiguration.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  IStackItemStyles,\n  IStackStyles,\n  IStackTokens,\n  IStyle,\n  mergeStyles,\n  IButtonStyles,\n  Theme,\n  IPanelStyles,\n  IFocusTrapZoneProps,\n  IImageStyles,\n  AnimationStyles,\n  ITheme\n} from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_MIN_WIDTH_REM = 11;\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_MAX_WIDTH_REM = 20.625;\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_HEIGHT_REM = 13.625;\n\nconst LOGO_HEIGHT_REM = 3;\n\n/**\n * @private\n */\nexport const configurationStackTokensDesktop: IStackTokens = {\n  childrenGap: '1rem'\n};\n\n/**\n * @private\n */\nexport const configurationStackTokensMobile: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const deviceConfigurationStackTokens: IStackTokens = {\n  childrenGap: '1.5rem'\n};\n\n/** @private */\nexport const configurationContainerStyle = (desktop: boolean, backgroundImageUrl?: string): IStackStyles => ({\n  root: {\n    height: '100%',\n    width: '100%',\n    padding: desktop ? '2rem 1rem 2rem 1rem' : '1rem 1rem 2rem 1rem',\n    minWidth: desktop\n      ? '25rem' // sum of min-width from children + ChildrenGap * (nb of children - 1) + padding * 2 = (11 + 11) + (2 * 1) + 0.5 * 2\n      : '16rem', // from LocalPreview: ControlBar width + 0.5 * 2 for spacing + padding * 2 = 14 + 0.5 * 2 + 0.5 * 2\n    minHeight: desktop\n      ? '22rem' // max height of SelectionContainer + padding * 2 = 21 + 0.5 * 2\n      : '13rem',\n    '::before': !backgroundImageUrl\n      ? undefined\n      : {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          zIndex: 0,\n          width: '100%',\n          height: '100%',\n          backgroundImage: `url(${backgroundImageUrl})`,\n          backgroundSize: 'cover',\n          backgroundPosition: 'center',\n          ...AnimationStyles.fadeIn500\n        }\n  }\n});\n\n/**\n * @private\n */\nexport const configurationSectionStyle: IStackStyles = {\n  root: {\n    width: '100%',\n    minWidth: `${CONFIGURATION_PAGE_SECTION_MIN_WIDTH_REM}rem`,\n    maxWidth: `${CONFIGURATION_PAGE_SECTION_MAX_WIDTH_REM}rem`\n  }\n};\n\n/**\n * @private\n */\nexport const selectionContainerStyle = (theme: ITheme): string =>\n  mergeStyles({\n    width: '100%',\n    height: `${CONFIGURATION_PAGE_SECTION_HEIGHT_REM}rem`,\n    padding: '1rem',\n    borderRadius: theme.effects.roundedCorner6,\n    border: `0.0625rem solid ${theme.palette.neutralLight}`,\n    boxShadow: theme.effects.elevation4,\n    // Style the background of the container to have partial transparency.\n    // Using `before:` pseudo-element to avoid having to wrap the content in an extra div.\n    // Ideally rgba would be used but we cannot garauntee the format of theme.palette.white\n    // to parse it correctly.\n    position: 'relative',\n    ':before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      zIndex: 0,\n      background: theme.palette.white,\n      opacity: 0.9,\n      borderRadius: theme.effects.roundedCorner4\n    }\n  });\n\n/**\n * @private\n */\nexport const titleContainerStyleDesktop = (theme: ITheme): string =>\n  mergeStyles(\n    {\n      fontSize: '1.2rem',\n      lineHeight: '1rem',\n      fontWeight: 600\n    },\n    configurationPageTextDecoration(theme)\n  );\n\n/**\n * @private\n */\nexport const titleContainerStyleMobile = (theme: ITheme): string =>\n  mergeStyles(\n    {\n      fontSize: '1.0625rem',\n      lineHeight: '1.375rem',\n      fontWeight: 600,\n      textAlign: 'center'\n    },\n    configurationPageTextDecoration(theme)\n  );\n\n/**\n * Ensure configuration page text is legible on top of a background image.\n * @private\n */\nconst configurationPageTextDecoration = (theme: ITheme): IStyle => {\n  return {\n    textShadow: `0px 0px 8px ${theme.palette.whiteTranslucent40}`,\n    fill: theme.semanticColors.bodyText,\n    stroke: theme.palette.whiteTranslucent40,\n    paintOrder: 'stroke fill',\n    strokeWidth: _pxToRem(1.5),\n    text: {\n      letterSpacing: '-0.02rem' // cope with extra width due to stroke width\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const callDetailsContainerStyles: IStackStyles = {\n  root: {\n    textAlign: 'center',\n    maxWidth: _pxToRem(700),\n    alignSelf: 'center'\n  }\n};\n\nconst callDetailsStyle: IStyle = {\n  fontSize: '0.9375',\n  lineHeight: '1.25rem'\n};\n\n/**\n * @private\n */\nexport const callDetailsStyleDesktop = mergeStyles({\n  ...callDetailsStyle\n});\n\n/**\n * @private\n */\nexport const callDetailsStyleMobile = mergeStyles({\n  ...callDetailsStyle,\n  marginBottom: '0.5rem',\n  textAlign: 'center'\n});\n\n/**\n * @private\n */\nexport const startCallButtonContainerStyleDesktop: IStackStyles = {\n  root: {\n    paddingTop: '1.125rem'\n  }\n};\n\n/**\n * @private\n */\nexport const startCallButtonContainerStyleMobile: IStackStyles = {\n  root: {\n    textAlign: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const startCallButtonStyleMobile = mergeStyles({\n  width: '100%',\n  maxWidth: 'unset',\n  borderRadius: '0.25rem'\n});\n\n/**\n * @private\n */\nexport const startCallButtonStyleDesktop = mergeStyles({\n  borderRadius: '0.25rem',\n  width: 'auto',\n  height: '2.25rem'\n});\n\n/** @private */\nexport const cameraAndVideoEffectsContainerStyleDesktop: IStackItemStyles = {\n  root: {\n    alignItems: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const effectsButtonStyles = (theme: Theme): IButtonStyles => {\n  return {\n    root: {\n      background: 'transparent',\n      border: 'none',\n      color: theme.palette.themePrimary,\n      // Top and bottom padding needs to be 5px to match the label padding\n      padding: '5px 0.25rem',\n      ':hover, :focus': {\n        color: theme.palette.themePrimary\n      },\n      svg: {\n        height: '1rem',\n        width: '1rem'\n      }\n    },\n    rootChecked: {\n      color: theme.palette.themePrimary\n    },\n    rootHovered: {\n      color: theme.palette.themePrimary\n    },\n    rootPressed: {\n      color: theme.palette.themePrimary\n    },\n    rootFocused: {\n      color: theme.palette.themePrimary\n    }\n  };\n};\n\n/** @private */\nexport const fillWidth = mergeStyles({\n  width: '100%',\n  position: 'relative'\n});\n\n/** @private */\nexport const configurationCenteredContent = (fillsHeight: boolean, hasLogo?: boolean): string =>\n  mergeStyles({\n    width: '100%',\n    position: 'relative',\n\n    // If the content does not fill the height, center it vertically.\n    // We do not include the logo in the centering per design. This allows it to fade\n    // in and not shift the content. To exclude the logo, we subtract the logo height\n    // and margin from the actual height. This allows the flex box's natural centering\n    // to appropriately center the content.\n    height: `calc(100% - ${!fillsHeight && hasLogo ? `${LOGO_HEIGHT_REM}rem` : '0rem'})`\n  });\n\n/** @private */\nexport const panelStyles: Partial<IPanelStyles> = {\n  content: {\n    display: 'flex',\n    flexBasis: '100%',\n    paddingLeft: '0rem', // remove default padding\n    paddingRight: '0rem' // remove default padding\n  },\n  commands: {\n    paddingTop: '0rem' // remove default padding\n  },\n  scrollableContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%'\n  }\n};\n\n/** @private */\nexport const panelFocusProps: IFocusTrapZoneProps = {\n  forceFocusInsideTrap: false\n};\n\n/**\n * @private\n */\nexport const logoStyles = (shape: 'circle' | 'square'): IImageStyles => ({\n  root: {\n    overflow: 'initial', // prevent the image being clipped\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  image: {\n    borderRadius: shape === 'circle' ? '100%' : undefined,\n    height: `${LOGO_HEIGHT_REM}rem`,\n    width: `${LOGO_HEIGHT_REM}rem` // width should match height\n  }\n});\n\"../../../../../acs-ui-common/src\""]}
+{"version":3,"file":"CallConfiguration.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallConfiguration.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  IStackItemStyles,\n  IStackStyles,\n  IStackTokens,\n  IStyle,\n  mergeStyles,\n  IButtonStyles,\n  Theme,\n  IPanelStyles,\n  IFocusTrapZoneProps,\n  IImageStyles,\n  AnimationStyles,\n  ITheme\n} from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_MIN_WIDTH_REM = 11;\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_MAX_WIDTH_REM = 20.625;\n/** @private */\nexport const CONFIGURATION_PAGE_SECTION_HEIGHT_REM = 13.625;\n\nconst LOGO_HEIGHT_REM = 3;\n\n/**\n * @private\n */\nexport const configurationStackTokensDesktop: IStackTokens = {\n  childrenGap: '1rem'\n};\n\n/**\n * @private\n */\nexport const configurationStackTokensMobile: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const deviceConfigurationStackTokens: IStackTokens = {\n  childrenGap: '1.5rem'\n};\n\n/** @private */\nexport const configurationContainerStyle = (desktop: boolean, backgroundImageUrl?: string): IStackStyles => ({\n  root: {\n    height: '100%',\n    width: '100%',\n    padding: desktop ? '2rem 1rem 2rem 1rem' : '1rem 1rem 2rem 1rem',\n    minWidth: desktop\n      ? '25rem' // sum of min-width from children + ChildrenGap * (nb of children - 1) + padding * 2 = (11 + 11) + (2 * 1) + 0.5 * 2\n      : '16rem', // from LocalPreview: ControlBar width + 0.5 * 2 for spacing + padding * 2 = 14 + 0.5 * 2 + 0.5 * 2\n    minHeight: desktop\n      ? '22rem' // max height of SelectionContainer + padding * 2 = 21 + 0.5 * 2\n      : '13rem',\n    '::before': !backgroundImageUrl\n      ? undefined\n      : {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          zIndex: 0,\n          width: '100%',\n          height: '100%',\n          backgroundImage: `url(${backgroundImageUrl})`,\n          backgroundSize: 'cover',\n          backgroundPosition: 'center',\n          ...AnimationStyles.fadeIn500\n        }\n  }\n});\n\n/**\n * @private\n */\nexport const configurationSectionStyle: IStackStyles = {\n  root: {\n    width: '100%',\n    minWidth: `${CONFIGURATION_PAGE_SECTION_MIN_WIDTH_REM}rem`,\n    maxWidth: `${CONFIGURATION_PAGE_SECTION_MAX_WIDTH_REM}rem`\n  }\n};\n\n/**\n * @private\n */\nexport const selectionContainerStyle = (theme: ITheme): string =>\n  mergeStyles({\n    width: '100%',\n    height: `${CONFIGURATION_PAGE_SECTION_HEIGHT_REM}rem`,\n    padding: '1rem',\n    borderRadius: theme.effects.roundedCorner6,\n    border: `0.0625rem solid ${theme.palette.neutralLight}`,\n    boxShadow: theme.effects.elevation4,\n    // Style the background of the container to have partial transparency.\n    // Using `before:` pseudo-element to avoid having to wrap the content in an extra div.\n    // Ideally rgba would be used but we cannot garauntee the format of theme.palette.white\n    // to parse it correctly.\n    position: 'relative',\n    ':before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      zIndex: 0,\n      background: theme.palette.white,\n      opacity: 0.9,\n      borderRadius: theme.effects.roundedCorner4\n    }\n  });\n\n/**\n * @private\n */\nexport const titleContainerStyleDesktop = (theme: ITheme): string =>\n  mergeStyles(\n    {\n      fontSize: '1.2rem',\n      lineHeight: '1rem',\n      fontWeight: 600\n    },\n    configurationPageTextDecoration(theme)\n  );\n\n/**\n * @private\n */\nexport const titleContainerStyleMobile = (theme: ITheme): string =>\n  mergeStyles(\n    {\n      fontSize: '1.0625rem',\n      lineHeight: '1.375rem',\n      fontWeight: 600,\n      textAlign: 'center'\n    },\n    configurationPageTextDecoration(theme)\n  );\n\n/**\n * Ensure configuration page text is legible on top of a background image.\n * @private\n */\nconst configurationPageTextDecoration = (theme: ITheme): IStyle => {\n  return {\n    textShadow: `0px 0px 8px ${theme.palette.whiteTranslucent40}`,\n    fill: theme.semanticColors.bodyText,\n    stroke: theme.palette.whiteTranslucent40,\n    paintOrder: 'stroke fill',\n    strokeWidth: _pxToRem(1.5),\n    text: {\n      letterSpacing: '-0.02rem' // cope with extra width due to stroke width\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const callDetailsContainerStyles: IStackStyles = {\n  root: {\n    textAlign: 'center',\n    maxWidth: _pxToRem(700),\n    alignSelf: 'center'\n  }\n};\n\nconst callDetailsStyle: IStyle = {\n  fontSize: '0.9375',\n  lineHeight: '1.25rem'\n};\n\n/**\n * @private\n */\nexport const callDetailsStyleDesktop = mergeStyles({\n  ...callDetailsStyle\n});\n\n/**\n * @private\n */\nexport const callDetailsStyleMobile = mergeStyles({\n  ...callDetailsStyle,\n  marginBottom: '0.5rem',\n  textAlign: 'center'\n});\n\n/**\n * @private\n */\nexport const startCallButtonContainerStyleDesktop: IStackStyles = {\n  root: {\n    paddingTop: '1.125rem'\n  }\n};\n\n/**\n * @private\n */\nexport const startCallButtonContainerStyleMobile: IStackStyles = {\n  root: {\n    textAlign: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const startCallButtonStyleMobile = mergeStyles({\n  width: '100%',\n  maxWidth: 'unset',\n  borderRadius: '0.25rem'\n});\n\n/**\n * @private\n */\nexport const startCallButtonStyleDesktop = mergeStyles({\n  borderRadius: '0.25rem',\n  width: 'auto',\n  height: '2.25rem'\n});\n\n/** @private */\nexport const cameraAndVideoEffectsContainerStyleDesktop: IStackItemStyles = {\n  root: {\n    alignItems: 'center'\n  }\n};\n\n/**\n * @private\n */\nexport const effectsButtonStyles = (theme: Theme): IButtonStyles => {\n  return {\n    root: {\n      background: 'transparent',\n      border: 'none',\n      color: theme.palette.themePrimary,\n      // Top and bottom padding needs to be 5px to match the label padding\n      padding: '5px 0.25rem',\n      ':hover, :focus': {\n        color: theme.palette.themePrimary\n      },\n      svg: {\n        height: '1rem',\n        width: '1rem'\n      }\n    },\n    rootChecked: {\n      color: theme.palette.themePrimary\n    },\n    rootHovered: {\n      color: theme.palette.themePrimary\n    },\n    rootPressed: {\n      color: theme.palette.themePrimary\n    },\n    rootFocused: {\n      color: theme.palette.themePrimary\n    }\n  };\n};\n\n/** @private */\nexport const fillWidth = mergeStyles({\n  width: '100%',\n  position: 'relative'\n});\n\n/** @private */\nexport const configurationCenteredContent = (fillsHeight: boolean, hasLogo?: boolean): string =>\n  mergeStyles({\n    width: '100%',\n    position: 'relative',\n\n    // If the content does not fill the height, center it vertically.\n    // We do not include the logo in the centering per design. This allows it to fade\n    // in and not shift the content. To exclude the logo, we subtract the logo height\n    // and margin from the actual height. This allows the flex box's natural centering\n    // to appropriately center the content.\n    height: `calc(100% - ${!fillsHeight && hasLogo ? `${LOGO_HEIGHT_REM}rem` : '0rem'})`\n  });\n\n/** @private */\nexport const panelStyles: Partial<IPanelStyles> = {\n  content: {\n    display: 'flex',\n    flexBasis: '100%',\n    paddingLeft: '0rem', // remove default padding\n    paddingRight: '0rem' // remove default padding\n  },\n  commands: {\n    paddingTop: '0rem' // remove default padding\n  },\n  scrollableContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%'\n  }\n};\n\n/** @private */\nexport const panelFocusProps: IFocusTrapZoneProps = {\n  forceFocusInsideTrap: false\n};\n\n/**\n * @private\n */\nexport const logoStyles = (shape: undefined | 'unset' | 'circle'): IImageStyles => ({\n  root: {\n    overflow: 'initial', // prevent the image being clipped\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  image: {\n    height: `${LOGO_HEIGHT_REM}rem`,\n    borderRadius: shape === 'circle' ? '100%' : undefined,\n    aspectRatio: shape === 'circle' ? '1 / 1' : undefined,\n    objectFit: shape === 'circle' ? 'cover' : undefined\n  }\n});\n\"../../../../../acs-ui-common/src\""]}

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

@@ -34,7 +34,7 @@ export declare const bannerNotificationStyles: IStackStyles;
 /**
  * @private
  */
-export declare const callArrangementContainerStyles: (verticalControlBar?: boolean | undefined) => IStackStyles;
+export declare const callArrangementContainerStyles: (verticalControlBar?: boolean) => IStackStyles;
 /**
  * @private
  */

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.d.ts

@@ -24,7 +24,7 @@ export declare const reduceCallControlsForMobile: (callControlOptions: CallContr
  * Helper function for determine strings and icons for end call page
  * @private
  */
-export declare const getEndedCallPageProps: (locale: CompositeLocale, endedCall?: CallState | undefined) => {
+export declare const getEndedCallPageProps: (locale: CompositeLocale, endedCall?: CallState) => {
     title: string;
     moreDetails?: string | undefined;
     disableStartCallButton: boolean;

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.d.ts

@@ -157,11 +157,11 @@ export declare type CallWithChatCompositeOptions = {
              */
             alt?: string;
             /**
-             * The logo can be displayed as a circle or a square.
+             * The logo can be displayed as a circle.
              *
-             * @defaultValue 'circle'
+             * @defaultValue 'unset'
              */
-            shape?: 'circle' | 'square';
+            shape?: 'unset' | 'circle';
         };
         /**
          * Background image displayed on the configuration page.