@azure/communication-react 1.3.2-alpha-202206290013.0 → 1.3.2-alpha-202207060015.0

package/CHANGELOG.json

@@ -1,6 +1,309 @@
 {
   "name": "@azure/communication-react",
   "entries": [
+    {
+      "date": "Wed, 29 Jun 2022 17:31:05 GMT",
+      "tag": "@azure/communication-react_v1.3.1-beta.1",
+      "version": "1.3.1-beta.1",
+      "comments": {
+        "none": [
+          {
+            "author": "41898282+github-actions[bot]@users.noreply.github.com",
+            "package": "@internal/chat-stateful-client",
+            "commit": "ad6decf11884d8904622209a60e6b8163a5c99ef",
+            "comment": "Bumped"
+          },
+          {
+            "author": "41898282+github-actions[bot]@users.noreply.github.com",
+            "package": "@internal/react-components",
+            "commit": "ad6decf11884d8904622209a60e6b8163a5c99ef",
+            "comment": "Bumped"
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "a9c65fa900ee6997db828718fcdae91263e68dad",
+            "comment": "Add new UFDs for microphone stopped unexpectedly and microphone recovered"
+          },
+          {
+            "author": "miguelgamis@microsoft.com",
+            "package": "@internal/react-composites",
+            "commit": "aeb3191d04c62b95b07ac625466a4a820e4e9a2d",
+            "comment": "Added css-loader and style-loader to style chat UI test app"
+          },
+          {
+            "author": "jinan@microsoft.com",
+            "package": "@internal/react-composites",
+            "commit": "c3174989f637b7b96d4ed50fe2ca956d0fcbcf4d",
+            "comment": "Add tsc:e2e typecheck command to composite"
+          },
+          {
+            "author": "41898282+github-actions[bot]@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "ad6decf11884d8904622209a60e6b8163a5c99ef",
+            "comment": "Bumped"
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/storybook",
+            "commit": "47e2b7872a1dd8fcd4edb7a42abcaeba89e0694c",
+            "comment": "Add cameraStoppedUnexpectedly strings to error bar story"
+          },
+          {
+            "author": "79329532+alkwa-msft@users.noreply.github.com",
+            "package": "@internal/storybook",
+            "commit": "22c31f5b69585a8d0509151a184412a49eb1889a",
+            "comment": "adding file sharing snippet to composite documentation"
+          },
+          {
+            "author": "41898282+github-actions[bot]@users.noreply.github.com",
+            "package": "@internal/storybook",
+            "commit": "ad6decf11884d8904622209a60e6b8163a5c99ef",
+            "comment": "Bumped"
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/storybook",
+            "commit": "a9c65fa900ee6997db828718fcdae91263e68dad",
+            "comment": "Add new UFDs for microphone stopped unexpectedly and microphone recovered"
+          },
+          {
+            "author": "carolinecao@microsoft.com",
+            "package": "@internal/storybook",
+            "commit": "0843cd23931ed0b27bf9666d8ee8330a77f9eac0",
+            "comment": "storybook to show how to use dialpad props"
+          },
+          {
+            "author": "41898282+github-actions[bot]@users.noreply.github.com",
+            "package": "@internal/acs-ui-common",
+            "commit": "ad6decf11884d8904622209a60e6b8163a5c99ef",
+            "comment": "Bumped"
+          },
+          {
+            "author": "41898282+github-actions[bot]@users.noreply.github.com",
+            "package": "@internal/calling-component-bindings",
+            "commit": "ad6decf11884d8904622209a60e6b8163a5c99ef",
+            "comment": "Bumped"
+          },
+          {
+            "author": "41898282+github-actions[bot]@users.noreply.github.com",
+            "package": "@internal/calling-stateful-client",
+            "commit": "ad6decf11884d8904622209a60e6b8163a5c99ef",
+            "comment": "Bumped"
+          },
+          {
+            "author": "41898282+github-actions[bot]@users.noreply.github.com",
+            "package": "@internal/chat-component-bindings",
+            "commit": "ad6decf11884d8904622209a60e6b8163a5c99ef",
+            "comment": "Bumped"
+          }
+        ],
+        "patch": [
+          {
+            "author": "94866715+dmceachernmsft@users.noreply.github.com",
+            "package": "@internal/react-components",
+            "commit": "53a9c2e9832c0ea865c597e77004218fef6aec78",
+            "comment": "Fixes spacing for text in errorbar component"
+          },
+          {
+            "author": "miguelgamis@microsoft.com",
+            "package": "@internal/react-components",
+            "commit": "bab520df72ae132d45d8ca0fc14652aad4403392",
+            "comment": "Fix SendBox button when using VoiceOver on iOS"
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/react-components",
+            "commit": "8d0e73540107a711ebf2ee1e89551656689703d7",
+            "comment": "Update microphone button to be disabled when there are no microphones present"
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/react-components",
+            "commit": "47e2b7872a1dd8fcd4edb7a42abcaeba89e0694c",
+            "comment": "Update ErrorBar to accept strings and icons for the cameraStoppedUnexpectedly call diagnostic"
+          },
+          {
+            "author": "carolinecao@microsoft.com",
+            "package": "@internal/react-components",
+            "commit": "bcc8af9443eb04138155b45182c570ce05fdb7c7",
+            "comment": "disable tooltip for persona"
+          },
+          {
+            "author": "anjulgarg@live.com",
+            "package": "@internal/react-components",
+            "commit": "eb5180865bace171dc88349c0188a2ca1b35015f",
+            "comment": "Making tooltips inline-block to prevent sizing and positioning issues in read receipts"
+          },
+          {
+            "author": "82062616+prprabhu-ms@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "648b7b05de71c455f9b145ede98f88b3d9b5bfed",
+            "comment": "Autofocus rejoin call button on call end page"
+          },
+          {
+            "author": "94866715+dmceachernmsft@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "bc9b16e859b22bce51a178da6f32a8c13809066d",
+            "comment": "Update DismissSidePaneButtonLabel to have correct naming."
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "47e2b7872a1dd8fcd4edb7a42abcaeba89e0694c",
+            "comment": "Show cameraStoppedUnexpectedly call diagnostics in message bar on the call page"
+          },
+          {
+            "author": "94866715+dmceachernmsft@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "53a9c2e9832c0ea865c597e77004218fef6aec78",
+            "comment": "update styles for errorBar and add registered icon for dissmissal button"
+          },
+          {
+            "author": "94866715+dmceachernmsft@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "cf4bcebd979c8c913ec01ceb530a02542ff277e4",
+            "comment": "Fix displayName disparity in different parts of the composites to match expected behavior from documentation."
+          },
+          {
+            "author": "82062616+prprabhu-ms@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "e4f4beb97aad389b2285be106daa2e3b963e9e5a",
+            "comment": "Better announce lobby, network failure and call end notices for screen reader users"
+          },
+          {
+            "author": "carolinecao@microsoft.com",
+            "package": "@internal/react-composites",
+            "commit": "bcc8af9443eb04138155b45182c570ce05fdb7c7",
+            "comment": "disable tooltip for persona"
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/storybook",
+            "commit": "c233329a92200a3dcf4f689c9333a084483beee6",
+            "comment": "Add best practice around only allowing one instance of the sample to be open at a time on mobile"
+          },
+          {
+            "author": "carolinecao@microsoft.com",
+            "package": "@internal/storybook",
+            "commit": "bcc8af9443eb04138155b45182c570ce05fdb7c7",
+            "comment": "disable tooltip for persona"
+          },
+          {
+            "author": "94866715+dmceachernmsft@users.noreply.github.com",
+            "package": "@internal/calling-component-bindings",
+            "commit": "32a3fa4ca12e0bccfca2bbd4d31a23668334f706",
+            "comment": "Memoizes the return from the participant list selector for better optimization."
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/calling-component-bindings",
+            "commit": "d43adcfd6ea2766660efb0d3022b9156f1fdc3bb",
+            "comment": "Fix 'No Microphones Found' message persisting when new microphones have been reconnected"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "carolinecao@microsoft.com",
+            "package": "@internal/react-components",
+            "commit": "0843cd23931ed0b27bf9666d8ee8330a77f9eac0",
+            "comment": "Add new prop onChange to dialpad to grab textfield values and modified onClickDialpadButton type to (buttonValue: string, buttonIndex: number) => void so we can grab info regarding which button is clicked"
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/react-components",
+            "commit": "c45276870656cfe4bda219f70368b322e015006e",
+            "comment": "Fix loading spinner size in small containers"
+          },
+          {
+            "author": "97124699+prabhjot-msft@users.noreply.github.com",
+            "package": "@internal/react-components",
+            "commit": "2ce42ccf81f59f5fab02d9f8d4045c0942c1ec9a",
+            "comment": "Make file sharing narrator compliant. Components contain aria labels and announcer"
+          },
+          {
+            "author": "carolinecao@microsoft.com",
+            "package": "@internal/react-components",
+            "commit": "365cf4903b327ca03af762f70d0670cab02aaeae",
+            "comment": "Update fluentui/react version"
+          },
+          {
+            "author": "94866715+dmceachernmsft@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "11bfb367f73ea28d83d60cba01a36d646b222f8f",
+            "comment": "Update startCall handler in the Calling and CallWithChat Adapters to support the StartCallOptions parameter needed to start a PSTN Call."
+          },
+          {
+            "author": "carolinecao@microsoft.com",
+            "package": "@internal/react-composites",
+            "commit": "365cf4903b327ca03af762f70d0670cab02aaeae",
+            "comment": "Update fluentui/react version"
+          },
+          {
+            "author": "97124699+prabhjot-msft@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "0f03e32d540dac4557eb929bba3f134e2eac4a43",
+            "comment": "Participant pane overlays on top of message thread to make sure the message thread is responsive"
+          },
+          {
+            "author": "97124699+prabhjot-msft@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "2ce42ccf81f59f5fab02d9f8d4045c0942c1ec9a",
+            "comment": "Make file sharing narrator compliant. Components contain aria labels and announcer"
+          },
+          {
+            "author": "carolinecao@microsoft.com",
+            "package": "@internal/storybook",
+            "commit": "365cf4903b327ca03af762f70d0670cab02aaeae",
+            "comment": "Update fluentui/react version"
+          },
+          {
+            "author": "anjulgarg@live.com",
+            "package": "@internal/calling-stateful-client",
+            "commit": "48a7b22debd05a09e621bdbbcb94f0209ab65c02",
+            "comment": "Add incomingCalls array to declarative call agent"
+          }
+        ],
+        "minor": [
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/react-components",
+            "commit": "a9c65fa900ee6997db828718fcdae91263e68dad",
+            "comment": "Add strings for new UFDs for microphone stopped unexpectedly and microphone recovered"
+          },
+          {
+            "author": "94866715+dmceachernmsft@users.noreply.github.com",
+            "package": "@internal/react-components",
+            "commit": "bc9b16e859b22bce51a178da6f32a8c13809066d",
+            "comment": "Update string types and names per comments from ARB"
+          },
+          {
+            "author": "94866715+dmceachernmsft@users.noreply.github.com",
+            "package": "@internal/react-composites",
+            "commit": "2a952829bbdc92245814a9258926359e0a16b3c5",
+            "comment": "Update the Calling and CallWithChat Adapters so that they emit events for device changes in a call."
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/calling-component-bindings",
+            "commit": "a9c65fa900ee6997db828718fcdae91263e68dad",
+            "comment": "Add new UFDs for microphone stopped unexpectedly and microphone recovered"
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/calling-component-bindings",
+            "commit": "8d0e73540107a711ebf2ee1e89551656689703d7",
+            "comment": "Update selectors for microphone and camera to disable buttons when there are no cameras or microphones present"
+          },
+          {
+            "author": "2684369+JamesBurnside@users.noreply.github.com",
+            "package": "@internal/calling-component-bindings",
+            "commit": "47e2b7872a1dd8fcd4edb7a42abcaeba89e0694c",
+            "comment": "Update ErrorBar selector to return new messages when cameraStoppedUnexpectedly call diagnostic is triggered"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 13 Jun 2022 18:29:25 GMT",
       "tag": "@azure/communication-react_v1.3.0",

package/CHANGELOG.md

@@ -1,9 +1,51 @@
 # Change Log - @azure/communication-react
 
-This log was last generated on Mon, 13 Jun 2022 18:29:25 GMT and should not be manually modified.
+This log was last generated on Wed, 29 Jun 2022 17:31:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.3.1-beta.1](https://github.com/azure/communication-ui-library/tree/@azure/communication-react_v1.3.1-beta.1)
+
+Wed, 29 Jun 2022 17:31:05 GMT 
+[Compare changes](https://github.com/azure/communication-ui-library/compare/1.3.0...1.3.1-beta.1)
+
+### Features
+
+  - Add two new UFDs based on cameraStoppedUnexpectedly call diagnostic: 'callVideoStoppedBySystem','callVideoRecoveredBySystem' ([PR #1991](https://github.com/azure/communication-ui-library/pull/1991) by 2684369+JamesBurnside@users.noreply.github.com)
+  - Add error message for call video stopped unexpectedly and call video resumed ([PR #1991](https://github.com/azure/communication-ui-library/pull/1991) by 2684369+JamesBurnside@users.noreply.github.com)
+  - Add callMicrophoneUnmutedBySystem UFD and e2e tests for callMicrophoneUnmutedBySystem and callMicrophoneMutedBySystem ([PR #1994](https://github.com/azure/communication-ui-library/pull/1994) by 2684369+JamesBurnside@users.noreply.github.com)
+  - Update error message shown when microphoneNotFunctioning is triggered per Calling guidence([PR #1994](https://github.com/azure/communication-ui-library/pull/1994) by 2684369+JamesBurnside@users.noreply.github.com)
+  - Update device change events in Calling and CallWithChat Adapters : 'selectedCameraChanged', 'selectedMicrophoneChanged'
+'selectedSpeakerChanged', expose these events so that contoso can perform actions on them ([PR #1982](https://github.com/azure/communication-ui-library/pull/1982) by 94866715+dmceachernmsft@users.noreply.github.com)
+  - Update microphone and camera button to be disabled when there are no cameras or microphones present ([PR #1993](https://github.com/azure/communication-ui-library/pull/1993) by 2684369+JamesBurnside@users.noreply.github.com)
+  - Add autofocus to rejoin call button on call end page ([PR #2008](https://github.com/azure/communication-ui-library/pull/2008) by 82062616+prprabhu-ms@users.noreply.github.com)
+  - Add new prop onChange to dialpad to grab textfield values and modified onClickDialpadButton type to (buttonValue: string, buttonIndex: number) => void so we can grab info regarding which button is clicked ([PR #1989](https://github.com/azure/communication-ui-library/pull/1989) by carolinecao@microsoft.com)
+  
+
+### Bug Fixes
+
+  - Fix SendBox button for VoiceOver user on iOS so it is actionable by double tap on it  ([PR #2004](https://github.com/azure/communication-ui-library/pull/2004) by miguelgamis@microsoft.com)
+  - Disable tooltip for Persona components for mobile users ([PR #1990](https://github.com/azure/communication-ui-library/pull/1990) by carolinecao@microsoft.com)
+  - Fix read receipts tooltip position issue in UI tests ([PR #2005](https://github.com/azure/communication-ui-library/pull/2005) by anjulgarg@live.com)
+  - Fix bug: When a developer uses the onFetchPersonaAvatarData prop for the CallWIthChat Composite to override the name of the participants, the display name in the chat thread on messages sent will not be overridden. ([PR #2013](https://github.com/azure/communication-ui-library/pull/2013) by 94866715+dmceachernmsft@users.noreply.github.com)
+  - Fix 'No Microphones Found' message persisting when new microphones have been reconnected ([PR #2000](https://github.com/azure/communication-ui-library/pull/2000) by 2684369+JamesBurnside@users.noreply.github.com)
+  - Fix loading spinner size in small containers ([PR #1995](https://github.com/azure/communication-ui-library/pull/1995) by 2684369+JamesBurnside@users.noreply.github.com)
+  - Add aria labels and announcer to file sharing components to make file sharing meet accessibility standards ([PR #1960](https://github.com/azure/communication-ui-library/pull/1960) by 97124699+prabhjot-msft@users.noreply.github.com)
+  - Update Participant pane to be an overlay on top of message thread so it can be tapped into when opened ([PR #1943](https://github.com/azure/communication-ui-library/pull/1943) by 97124699+prabhjot-msft@users.noreply.github.com)
+
+
+### Improvements
+
+  - Update variable name dismissSidePaneButton to dismissSidePaneButtonLabel, make some localization string variable optional ([PR #2009](https://github.com/azure/communication-ui-library/pull/2009) by 94866715+dmceachernmsft@users.noreply.github.com)
+  - Add 0.3rem padding to the top of the fluent message bar to create even spacing in the errorbar component between the text and the edges of the bar and add registered icon for dissmissal button. ([PR #2003](https://github.com/azure/communication-ui-library/pull/2003) by 94866715+dmceachernmsft@users.noreply.github.com)
+  - Add aria-live: "assertive" for announcing lobby, network failure and call end notices so screen reader users can be aware of call status change immediately([PR #2007](https://github.com/azure/communication-ui-library/pull/2007) by 82062616+prprabhu-ms@users.noreply.github.com)
+  - Add best practice around only allowing one instance of the sample to be open at a time on mobile ([PR #1981](https://github.com/azure/communication-ui-library/pull/1981) by 2684369+JamesBurnside@users.noreply.github.com)
+  - Memoizes the return from the participant list selector for better optimization. ([PR #1980](https://github.com/azure/communication-ui-library/pull/1980) by 94866715+dmceachernmsft@users.noreply.github.com)
+  - Update fluentui/react version ([PR #1979](https://github.com/azure/communication-ui-library/pull/1979) by carolinecao@microsoft.com)
+  - Update startCall handler in the Calling and CallWithChat Adapters to support the StartCallOptions parameter needed to start a PSTN Call. ([PR #1976](https://github.com/azure/communication-ui-library/pull/1976) by 94866715+dmceachernmsft@users.noreply.github.com)
+  - Add a new attribute `incomingCalls` to CallAgentDeclarative that returns all active incoming calls ([PR #1975](https://github.com/azure/communication-ui-library/pull/1975) by anjulgarg@live.com)
+
+
 ## [1.3.0](https://github.com/azure/communication-ui-library/tree/@azure/communication-react_v1.3.0)
 
 This stable release is mostly minor changes and bug fixes and quality of life improvements, there are no major feature introductions.

package/dist/communication-react.d.ts

@@ -327,6 +327,10 @@ export declare interface BaseCompositeProps<TIcons extends Record<string, JSX.El
     /**
      * A callback function that can be used to provide custom data to Avatars rendered
      * in Composite.
+     *
+     * This will not affect the displayName shown in the composite.
+     * The displayName throughout the composite will be what is provided to the adapter when the adapter is created.
+     * will be what is provided to the adapter when the adapter is created.
      */
     onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
     /**
@@ -3525,10 +3529,10 @@ export declare interface CustomCallControlButtonProps extends CustomControlButto
      */
     placement: CustomCallControlButtonPlacement;
     /**
-     * Icon to render. Icon is a non-default icon that is already registered by the composites.
-     * Examples include icons from {@link CallCompositeIcons}
+     * Icon to render. Icon is a non-default icon name that needs to be registered as a
+     * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library
      */
-    iconName?: keyof CallCompositeIcons;
+    iconName?: string;
 }
 
 /**
@@ -3570,10 +3574,10 @@ export declare interface CustomCallWithChatControlButtonProps extends CustomCont
      */
     placement: CustomCallWithChatControlButtonPlacement;
     /**
-     * Icon to render. Icon is a non-default icon that is already registered by the composites.
-     * Examples include icons from {@link CallWithChatCompositeIcons}
+     * Icon to render. Icon is a non-default icon name that needs to be registered as a
+     * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library
      */
-    iconName?: keyof CallWithChatCompositeIcons;
+    iconName?: string;
 }
 
 /**

package/dist/dist-cjs/communication-react/index.js

@@ -191,7 +191,7 @@ const fromFlatCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.3.2-alpha-202206290013.0';
+var telemetryVersion = '1.3.2-alpha-202207060015.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -2307,7 +2307,7 @@ const _FileCard = (props) => {
             } },
             React__default['default'].createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: fileInfoWrapperClassName },
                 React__default['default'].createElement(react.Stack, null,
-                    React__default['default'].createElement(react.Icon, Object.assign({}, reactFileTypeIcons.getFileTypeIconProps({
+                    React__default['default'].createElement(react.Icon, Object.assign({ "data-ui-id": 'filetype-icon' }, reactFileTypeIcons.getFileTypeIconProps({
                         extension: fileExtension,
                         size: 24,
                         imageFileType: 'svg'
@@ -2672,7 +2672,10 @@ const chatStyle = {
     paddingBottom: '0.5rem',
     paddingTop: '0.8rem',
     border: 'none',
-    overflow: 'auto'
+    overflow: 'auto',
+    // `height: 100%` ensures that the Chat component covers 100% of it's parents height
+    // to prevent intermittent scrollbars when gifs are present in the chat.
+    height: '100%'
 };
 /**
  * @private
@@ -4381,7 +4384,7 @@ const ParticipantItem = (props) => {
             setItemHovered(true);
             setMenuHidden(false);
             onClick === null || onClick === void 0 ? void 0 : onClick(props);
-        } },
+        }, tabIndex: 0 },
         React__default['default'].createElement(react.Stack, { horizontal: true, className: react.mergeStyles({ width: `calc(100% - ${menuButtonContainerStyle.width})`, alignItems: 'center' }) },
             avatar,
             me && React__default['default'].createElement(react.Text, { className: meTextStyle }, isMeText),
@@ -6330,14 +6333,6 @@ const participantsButtonMenuPropsStyle = {
         fontSize: '.75rem'
     }
 };
-/**
- * @private
- */
-const defaultParticipantListContainerStyle = {
-    root: {
-        maxHeight: '20rem'
-    }
-};
 /**
  * Default styles for button flyout items
  *
@@ -6828,7 +6823,7 @@ const ParticipantsButton = (props) => {
     }, [onMuteAll]);
     const defaultParticipantList = React.useCallback(() => {
         var _a;
-        return (React__default['default'].createElement(ParticipantList, { participants: participants, myUserId: myUserId, excludeMe: excludeMe, onRenderParticipant: onRenderParticipant, onRenderAvatar: onRenderAvatar, onRemoveParticipant: onRemoveParticipant, onFetchParticipantMenuItems: onFetchParticipantMenuItems, styles: react.merge(defaultParticipantListContainerStyle, (_a = styles === null || styles === void 0 ? void 0 : styles.menuStyles) === null || _a === void 0 ? void 0 : _a.participantListStyles), showParticipantOverflowTooltip: showParticipantOverflowTooltip }));
+        return (React__default['default'].createElement(ParticipantList, { participants: participants, myUserId: myUserId, excludeMe: excludeMe, onRenderParticipant: onRenderParticipant, onRenderAvatar: onRenderAvatar, onRemoveParticipant: onRemoveParticipant, onFetchParticipantMenuItems: onFetchParticipantMenuItems, styles: (_a = styles === null || styles === void 0 ? void 0 : styles.menuStyles) === null || _a === void 0 ? void 0 : _a.participantListStyles, showParticipantOverflowTooltip: showParticipantOverflowTooltip }));
     }, [
         excludeMe,
         myUserId,
@@ -6921,6 +6916,9 @@ const ParticipantsButton = (props) => {
                                 maxWidth: '100%'
                             }
                         },
+                        style: {
+                            maxHeight: '20rem'
+                        },
                         // Disable dismiss on resize to work around a couple Fluent UI bugs
                         // See reasoning in the props for the parent menu.
                         preventDismissOnResize: true
@@ -11024,7 +11022,7 @@ class ProxyCallAgent {
              * 3. Use `callAgent.incomingCalls` and filter an incoming call ID to get a declarative incoming call object
              */
             case 'incomingCalls': {
-                return this._declarativeIncomingCalls;
+                return Array.from(this._declarativeIncomingCalls.values());
             }
             default:
                 return Reflect.get(target, prop);
@@ -13359,7 +13357,8 @@ const chatContainer = react.mergeStyles({
 const chatArea = react.mergeStyles({
     height: '100%',
     width: '100%',
-    overflow: 'auto'
+    overflow: 'auto',
+    position: 'relative' // Ensure that the absolute children components are positioned relative to the chat area
 });
 /**
  * @private
@@ -14329,7 +14328,7 @@ const generateCustomControlBarButtons = (onFetchCustomButtonProps, displayType)
             .filter((buttonProps) => buttonProps.placement === key)
             .map((buttonProps, i) => (React__default['default'].createElement(ControlBarButton, { onClick: buttonProps.onItemClick, showLabel: buttonProps.showLabel, strings: generateCustomControlBarButtonStrings(buttonProps.text), styles: buttonProps.styles, key: `${buttonProps.placement}_${i}`, 
             // set default icon if not provided
-            onRenderIcon: () => { var _a; return React__default['default'].createElement(CallCompositeIcon, { iconName: (_a = buttonProps.iconName) !== null && _a !== void 0 ? _a : 'ControlButtonOptions' }); }, disabled: buttonProps.disabled })))));
+            onRenderIcon: () => { var _a; return React__default['default'].createElement(react.Icon, { iconName: (_a = buttonProps.iconName) !== null && _a !== void 0 ? _a : 'ControlButtonOptions' }); }, disabled: buttonProps.disabled })))));
     }
     return response;
 };
@@ -16523,10 +16522,7 @@ const generateCustomCallWithChatControlBarButton = (onFetchCustomButtonProps, di
     for (const key in response) {
         response[key] = (React__default['default'].createElement(React__default['default'].Fragment, null, allButtonProps
             .filter((buttonProps) => buttonProps.placement === key)
-            .map((buttonProps, i) => (React__default['default'].createElement(ControlBarButton, { onClick: buttonProps.onItemClick, showLabel: buttonProps.showLabel, strings: generateCustomControlBarButtonStrings(buttonProps.text), styles: buttonProps.styles, key: `${buttonProps.placement}_${i}`, onRenderIcon: () => {
-                var _a;
-                return (React__default['default'].createElement(CallWithChatCompositeIcon, { iconName: (_a = buttonProps.iconName) !== null && _a !== void 0 ? _a : 'ControlButtonOptions' }));
-            }, disabled: buttonProps.disabled })))));
+            .map((buttonProps, i) => (React__default['default'].createElement(ControlBarButton, { onClick: buttonProps.onItemClick, showLabel: buttonProps.showLabel, strings: generateCustomControlBarButtonStrings(buttonProps.text), styles: buttonProps.styles, key: `${buttonProps.placement}_${i}`, onRenderIcon: () => { var _a; return React__default['default'].createElement(react.Icon, { iconName: (_a = buttonProps.iconName) !== null && _a !== void 0 ? _a : 'ControlButtonOptions' }); }, disabled: buttonProps.disabled })))));
     }
     return response;
 };
@@ -17556,7 +17552,7 @@ const TabHeader = (props) => {
     }, [theme, haveMultipleTabs]);
     const strings = useCallWithChatCompositeStrings();
     return (React__default['default'].createElement(react.Stack, { horizontal: true, grow: true, styles: mobilePaneControlBarStyle },
-        React__default['default'].createElement(react.DefaultButton, { ariaLabel: strings.returnToCallButtonAriaLabel, ariaDescription: strings.returnToCallButtonAriaDescription, onClick: props.onClose, styles: mobilePaneBackButtonStyles, onRenderIcon: () => React__default['default'].createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }) }),
+        React__default['default'].createElement(react.DefaultButton, { ariaLabel: strings.returnToCallButtonAriaLabel, ariaDescription: strings.returnToCallButtonAriaDescription, onClick: props.onClose, styles: mobilePaneBackButtonStyles, onRenderIcon: () => React__default['default'].createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }), autoFocus: true }),
         React__default['default'].createElement(react.Stack.Item, { grow: true }, props.onChatButtonClicked && (React__default['default'].createElement(react.DefaultButton, { onClick: props.onChatButtonClicked, styles: mobilePaneButtonStylesThemed, checked: props.activeTab === 'chat', role: 'tab' }, strings.chatButtonLabel))),
         React__default['default'].createElement(react.Stack.Item, { grow: true }, props.onPeopleButtonClicked && (React__default['default'].createElement(react.DefaultButton, { onClick: props.onPeopleButtonClicked, styles: mobilePaneButtonStylesThemed, checked: props.activeTab === 'people', role: 'tab' }, strings.peopleButtonLabel))),
         React__default['default'].createElement(react.DefaultButton, { styles: mobilePaneHiddenIconStyles, onRenderIcon: () => React__default['default'].createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }) })));