@azure/communication-react 1.3.2-alpha-202210051728 → 1.3.2-beta.1

package/CHANGELOG.md

@@ -1,9 +1,115 @@
 # Change Log - @azure/communication-react
 
-This log was last generated on Wed, 10 Aug 2022 18:29:31 GMT and should not be manually modified.
+This log was last generated on Wed, 05 Oct 2022 18:13:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.3.2-beta.1](https://github.com/azure/communication-ui-library/tree/@azure/communication-react_v1.3.2-beta.1)
+
+Wed, 05 Oct 2022 18:13:37 GMT 
+[Compare changes](https://github.com/azure/communication-ui-library/compare/@azure/communication-react_v1.3.1-beta.1...@azure/communication-react_v1.3.2-beta.1)
+
+### Rooms - Public Preview
+Azure Communication Services now supports Rooms in public preview. You can use our CallComposite experience for your users to interact with your Rooms-based calls. Rooms allows our customers to create calls with specific users and the ability to
+modify their users' calling experience with a variety of role based access control.
+
+You can read more about [rooms concept here](https://learn.microsoft.com/en-us/azure/communication-services/concepts/rooms/room-concept).
+
+You can apply a Rooms locator in the adapter similar to how you
+can join a group call using a locator in the adapter + composite.
+
+`roomId = 99466313975086563 // example roomId`
+
+`locator: { 'roomId': roomId }`
+
+Checkout our [storybook](https://azure.github.io/communication-ui-library) to read more about what the UI Library offers into your Rooms experience.
+
+If you would like to clone a repo and get started immediately.
+Check out our quickstarts repo in Github [JS Quickstarts](https://github.com/Azure-Samples/communication-services-javascript-quickstarts/tree/main/ui-library-quickstart-rooms "JS Quickstarts")
+
+### PSTN and 1:N Calling - Public Preview
+ACS UI Library Call and CallWithChat composites are introducing two new capabilities (beta):
+1. PSTN Outbound Calling
+2. ACS 1:N Outbound Calling
+
+Users will now be able to:
+- Call a phone number through the existing Call and CallWithChat composites
+- Call a phone number and add it to an ongoing call
+- Put the call on hold during a phone or ACS call
+- Send DTMF tones during a 1:1 phone call
+
+Read more about [getting a phone number](https://docs.microsoft.com/en-us/azure/communication-services/quickstarts/telephony/get-phone-number?tabs=windows&pivots=platform-azp) through Azure Communication Services.
+
+If you would like to clone a repo and get started immediately.
+Check out our quickstarts repo in Github [JS Quickstarts](https://github.com/Azure-Samples/communication-services-javascript-quickstarts/tree/main/ui-library-pstn-1-n-calling "JS Quickstarts")
+
+### Features
+- Call adapter can join a room ([PR #2063](https://github.com/azure/communication-ui-library/pull/2063) by miguelgamis@microsoft.com)
+- CallComposite will not request for camera permissions when the role prop is Consumer during a Rooms call. ([PR #2218](https://github.com/azure/communication-ui-library/pull/2218) by miguelgamis@microsoft.com)
+- VideoGallery displays participants connection states such as Connecting, Hold etc. during PSTN and 1:N Calls ([PR #2210](https://github.com/azure/communication-ui-library/pull/2210) by anjulgarg@live.com)
+- Custom composite end call screens when room call join fails when room does not exist or user is not invited to room. ([PR #2287](https://github.com/azure/communication-ui-library/pull/2287) by miguelgamis@microsoft.com)
+- Add role permission behavior to PeopleButton. ([PR #2211](https://github.com/azure/communication-ui-library/pull/2211) by miguelgamis@microsoft.com)
+- People pane context menu to remove participant will be present only if role has permissions. ([PR #2328](https://github.com/azure/communication-ui-library/pull/2328) by miguelgamis@microsoft.com)
+- Created dropdown in people pane to open dialpad modal ([PR #2076](https://github.com/azure/communication-ui-library/pull/2076) by carolinecao@microsoft.com)
+- Use dialpad to send DTMF tones during a 1:1 PSTN Call ([PR #2196](https://github.com/azure/communication-ui-library/pull/2196) by carolinecao@microsoft.com)
+- Introduce hold button to CallWithChat composite ([PR #2213](https://github.com/azure/communication-ui-library/pull/2213) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Hiding ScreenShareButton, MicrophoneButton, CameraButton, and DevicesButton in CallControls based on rooms role permissions. ([PR #2303](https://github.com/azure/communication-ui-library/pull/2303) by miguelgamis@microsoft.com)
+- Introduced a Hold screen to the Calling composite to reflect when the user is on hold in a call. ([PR #2202](https://github.com/azure/communication-ui-library/pull/2202) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Introduce the alternateCallerId prop to the createAzureCommunicationCallAdapter function for setting up PSTN Calling. ([PR #2095](https://github.com/azure/communication-ui-library/pull/2095) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Calling and CallWithChat control bars disable buttons when on hold screen. ([PR #2215](https://github.com/azure/communication-ui-library/pull/2215) by 94866715+dmceachernmsft@users.noreply.github.com)
+- New PeoplePaneContent in Call Composite matching the one used by CallWithChat Composite ([PR #2109](https://github.com/azure/communication-ui-library/pull/2109) by edwardlee@microsoft.com)
+- Show 'You Left the Call' screen when you remove the last PSTN user. Show 'You were removed' screen when a PSTN user hangs up the call. ([PR #2295](https://github.com/azure/communication-ui-library/pull/2295) by anjulgarg@live.com)
+- Add remove participant menu item for participant item if role allows in a rooms call. ([PR #2328](https://github.com/azure/communication-ui-library/pull/2328) by miguelgamis@microsoft.com)
+- VideoTile can display a participants state such as Connecting, Ringing etc. ([PR #2210](https://github.com/azure/communication-ui-library/pull/2210) by anjulgarg@live.com)
+- Update Video Gallery to display participants in a 'Connecting' or 'Ringing' state for PSTN and 1:N calling. ([PR #2163](https://github.com/azure/communication-ui-library/pull/2163) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Introduce UI for call isntances where the browser is unsupported ([PR #2334](https://github.com/azure/communication-ui-library/pull/2334) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Error bar displays troubleshooting links for network/device permission errors ([PR #2345](https://github.com/azure/communication-ui-library/pull/2345) by carolinecao@microsoft.com)
+
+### Bug Fixes
+- Fix custom participant menu items not showing in CallComposite([PR #2154](https://github.com/azure/communication-ui-library/pull/2154) by prprabhu@microsoft.com)
+- Fix scrollbar showing incorrectly in landscape mobile view due to absolutely positioned participant pane in Chat Composite ([PR #2038](https://github.com/azure/communication-ui-library/pull/2038) by anjulgarg@live.com)
+- Fix Participants and ScreenShare buttons being disabled when unrelated options are passed into the call composite ([PR #2181](https://github.com/azure/communication-ui-library/pull/2181) by 2684369+JamesBurnside@users.noreply.github.com)
+- Fixes issue where you can start a call if you unplug it on the configuration screen. ([PR #2061](https://github.com/azure/communication-ui-library/pull/2061) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Fix custom menu items being triggered as a flyout and as a drawer menu item on mobile. Fix custom menu items not triggering on callwithchat composite at all. ([PR #2239](https://github.com/azure/communication-ui-library/pull/2239) by 2684369+JamesBurnside@users.noreply.github.com)
+- Fix React hook order console errors for LocalDeviceSettings. ([PR #2198](https://github.com/azure/communication-ui-library/pull/2198) by miguelgamis@microsoft.com)
+- Message thread background color in composites matches composite background color ([PR #2126](https://github.com/azure/communication-ui-library/pull/2126) by anjulgarg@live.com)
+- Fixed bug where drawer on mobile does not get dismissed after making a selection ([PR #2115](https://github.com/azure/communication-ui-library/pull/2115) by carolinecao@microsoft.com)
+- Fix running render passes on people pane on every render ([PR #2240](https://github.com/azure/communication-ui-library/pull/2240) by 2684369+JamesBurnside@users.noreply.github.com)
+- Fix Calling Composite's control bar buttons incorrectly showing as disabled when the control bar button is set to `true` in the control bar options ([PR #2325](https://github.com/azure/communication-ui-library/pull/2325) by 2684369+JamesBurnside@users.noreply.github.com)
+- Fixed input order bug on calling dialpad and dtmf dialpad ([PR #2284](https://github.com/azure/communication-ui-library/pull/2284) by carolinecao@microsoft.com)
+- Fix local device settings dropdowns to be disabled until device permissions are granted ([PR #2351](https://github.com/azure/communication-ui-library/pull/2351) by miguelgamis@microsoft.com)
+- Autofocus on back button when initially opening People and Chat pane ([PR #2045](https://github.com/azure/communication-ui-library/pull/2045) by edwardlee@microsoft.com)
+- Fix joinCall set correct mute state based on microphoneOn parameter ([PR #2131](https://github.com/azure/communication-ui-library/pull/2131) by fanjin1989@gmail.com)
+- Add Announcer to copy invite link button to announce action on button. ([PR #2289](https://github.com/azure/communication-ui-library/pull/2289) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Fix disabled start call button when role is Consumer ([PR #2251](https://github.com/azure/communication-ui-library/pull/2251) by miguelgamis@microsoft.com)
+- Fixed bug where voice over does not annouce menu item selected in both calling and callwithchat ([PR #2060](https://github.com/azure/communication-ui-library/pull/2060) by carolinecao@microsoft.com)
+- Fix infinite spinner during screenShare ([PR #2191](https://github.com/azure/communication-ui-library/pull/2191) by jinan@microsoft.com)
+- Fix invalid scrollbars when gif images are shared in chat ([PR #2037](https://github.com/azure/communication-ui-library/pull/2037) by anjulgarg@live.com)
+- Fix bug of dismissed menu when scrolling ([PR #2069](https://github.com/azure/communication-ui-library/pull/2069) by jinan@microsoft.com)
+- Fix voiceover tab navigation of messages including system messages. Hide message action flyout when focus blurs. ([PR #2042](https://github.com/azure/communication-ui-library/pull/2042) by miguelgamis@microsoft.com)
+- Fix screenshare button selector to disable button when call is InLobby or Connecting state. ([PR #2059](https://github.com/azure/communication-ui-library/pull/2059) by 94866715+dmceachernmsft@users.noreply.github.com)
+
+### Improvements
+- Fixed onCallEnded event to trigger before the composite page transition. ([PR #2201](https://github.com/azure/communication-ui-library/pull/2201) by 2684369+JamesBurnside@users.noreply.github.com)
+- Introduces fade in/out animations to is speaking while muted indicator ([PR #2312](https://github.com/azure/communication-ui-library/pull/2312) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Composites now using theme.semanticColors.bodyBackground as background color ([PR #2117](https://github.com/azure/communication-ui-library/pull/2117) by anjulgarg@live.com)
+- Replace floating div with border with inset border of video tile to show user is speaking. ([PR #2236](https://github.com/azure/communication-ui-library/pull/2236) by miguelgamis@microsoft.com)
+- Chat message bubble shows border in high contrast modes making each message distinguishable. ([PR #2106](https://github.com/azure/communication-ui-library/pull/2106) by anjulgarg@live.com)
+- Load new messages only when scroll bar is at the top ([PR #2355](https://github.com/azure/communication-ui-library/pull/2355) by edwardlee@microsoft.com)
+- Fix React hook order console errors for CameraButton. ([PR #2198](https://github.com/azure/communication-ui-library/pull/2198) by miguelgamis@microsoft.com)
+- Changed z-index so new message button shows ontop of chat bubble ([PR #2046](https://github.com/azure/communication-ui-library/pull/2046) by carolinecao@microsoft.com)
+- Make participant items tab navigable ([PR #2045](https://github.com/azure/communication-ui-library/pull/2045) by edwardlee@microsoft.com)
+- Control Bar uses theme.semanticColors.bodyBackground instead of theme.palette.white ([PR #2117](https://github.com/azure/communication-ui-library/pull/2117) by anjulgarg@live.com)
+- Updated tooltip strings to not be title case ([PR #2350](https://github.com/azure/communication-ui-library/pull/2350) by miguelgamis@microsoft.com)
+- Show datetime when there are more than 5 mins between each message ([PR #2299](https://github.com/azure/communication-ui-library/pull/2299) by carolinecao@microsoft.com)
+- Update Fluent-ui/icons package. ([PR #2305](https://github.com/azure/communication-ui-library/pull/2305) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Update startCall and removeParticipant adapter methods to use CommunicationIdentifier as userId ([PR #2377](https://github.com/azure/communication-ui-library/pull/2377) by anjulgarg@live.com)
+- Use addparticipant handler to call a PSTN user ([PR #2168](https://github.com/azure/communication-ui-library/pull/2168) by carolinecao@microsoft.com)
+- Update startCall usage by call adapter to pass in audio and video options from configuration screen. ([PR #2317](https://github.com/azure/communication-ui-library/pull/2317) by 94866715+dmceachernmsft@users.noreply.github.com)
+- Add disabled option for CallWithChat control bar buttons ([PR #2294](https://github.com/azure/communication-ui-library/pull/2294) by edwardlee@microsoft.com)
+- Bumped calling SDK beta version to 1.8.0-beta.1 ([PR #2362](https://github.com/azure/communication-ui-library/pull/2362) by miguelgamis@microsoft.com)
+- Hiding copy link button for Rooms call ([PR #2370](https://github.com/azure/communication-ui-library/pull/2370) by miguelgamis@microsoft.com)
+
 ## [1.3.1](https://github.com/azure/communication-ui-library/tree/1.3.1)
 
 This is a patch release for issue [#2186](https://github.com/Azure/communication-ui-library/issues/2186):

package/dist/communication-react.d.ts

@@ -50,8 +50,6 @@ import { IButtonStyles } from '@fluentui/react';
 import { IContextualMenuItem } from '@fluentui/react';
 import { IContextualMenuItemStyles } from '@fluentui/react';
 import { IContextualMenuStyles } from '@fluentui/react';
-import { IDropdownOption } from '@fluentui/react';
-import { IDropdownStyles } from '@fluentui/react';
 import { IMessageBarProps } from '@fluentui/react';
 import { IncomingCall } from '@azure/communication-calling';
 import { IPersonaStyleProps } from '@fluentui/react';
@@ -976,42 +974,6 @@ export declare type CallCompositeOptions = {
      * @defaultValue true
      */
     callControls?: boolean | CallControlOptions;
-    /**
-     * Device permission restrictions for your call.
-     * Require device permissions to be set or have them as optional or not required to start a call
-     */
-    devicePermissions?: DevicePermissionRestrictions;
-    /**
-     * Callback you may provide to supply users with further steps to troubleshoot why they have been
-     * unable to grant your site the required permissions for the call.
-     *
-     * @example
-     * ```ts
-     * onPermissionsTroubleshootingClick: () =>
-     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
-     * ```
-     *
-     * @remarks
-     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
-     */
-    onPermissionsTroubleshootingClick?: (permissionsState: {
-        camera: PermissionState;
-        microphone: PermissionState;
-    }) => void;
-    /**
-     * Callback you may provide to supply users with further steps to troubleshoot why they have been
-     * having network issues when connecting to the call.
-     *
-     * @example
-     * ```ts
-     * onNetworkingTroubleShootingClick?: () =>
-     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
-     * ```
-     *
-     * @remarks
-     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
-     */
-    onNetworkingTroubleShootingClick?: () => void;
 };
 
 /**
@@ -2188,42 +2150,6 @@ export declare type CallWithChatCompositeOptions = {
      * @beta
      */
     fileSharing?: FileSharingOptions;
-    /**
-     * Device permission restrictions for your call.
-     * Require device permissions to be set or have them as optional or not required to start a call
-     */
-    devicePermissions?: DevicePermissionRestrictions;
-    /**
-     * Callback you may provide to supply users with further steps to troubleshoot why they have been
-     * unable to grant your site the required permissions for the call.
-     *
-     * @example
-     * ```ts
-     * onPermissionsTroubleshootingClick: () =>
-     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
-     * ```
-     *
-     * @remarks
-     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
-     */
-    onPermissionsTroubleshootingClick?: (permissionsState: {
-        camera: PermissionState;
-        microphone: PermissionState;
-    }) => void;
-    /**
-     * Optional callback to supply users with further troubleshooting steps for network issues
-     * experienced when connecting to a call.
-     *
-     * @example
-     * ```ts
-     * onNetworkingTroubleShootingClick?: () =>
-     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
-     * ```
-     *
-     * @remarks
-     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
-     */
-    onNetworkingTroubleShootingClick?: () => void;
 };
 
 /**
@@ -3362,10 +3288,6 @@ export declare interface ComponentStrings {
     videoTile: VideoTileStrings;
     /** Strings for HoldButton */
     holdButton: HoldButtonStrings;
-    /** Strings for DomainPermissions */
-    DomainPermissions: DomainPermissionsStrings;
-    /** Strings for unsupported browser UI */
-    UnsupportedBrowser: UnsupportedBrowserStrings;
 }
 
 /**
@@ -4073,10 +3995,6 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     SendBoxSendHovered: JSX.Element;
     VideoTileMicOff: JSX.Element;
     BackSpace: JSX.Element;
-    DomainPermissionsSparkle: JSX.Element;
-    DomainPermissionCamera: JSX.Element;
-    DomainPermissionMic: JSX.Element;
-    UnsupportedBrowserWarning: JSX.Element;
 };
 
 /**
@@ -4165,10 +4083,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     HoldCallButton: JSX.Element;
     ResumeCall: JSX.Element;
     BackSpace: JSX.Element;
-    DomainPermissionsSparkle: JSX.Element;
-    DomainPermissionCamera: JSX.Element;
-    DomainPermissionMic: JSX.Element;
-    UnsupportedBrowserWarning: JSX.Element;
 };
 
 /**
@@ -4226,82 +4140,6 @@ export declare type DeviceManagerState = {
     unparentedViews: LocalVideoStreamState[];
 };
 
-/**
- * A dropdown to trigger device permission prompt
- *
- * @internal
- */
-export declare const _DevicePermissionDropdown: (props: _DevicePermissionDropdownProps) => JSX.Element;
-
-/**
- * Props for {@link _DevicePermissionDropdown}.
- *
- * @internal
- */
-export declare interface _DevicePermissionDropdownProps {
-    /**
-     * icon shown in dropdown placeholder
-     */
-    icon?: JSX.Element;
-    /**
-     * Dropdown content
-     */
-    options?: IDropdownOption[];
-    /**
-     * Function that gets triggered when action button is clicked
-     */
-    onClickActionButton?: () => Promise<void>;
-    /**
-     * Strings for devicepermissiondropdown
-     */
-    strings?: _DevicePermissionDropdownStrings;
-    /**
-     * Styles for devicepermissiondropdown
-     */
-    styles?: Partial<IDropdownStyles>;
-}
-
-/**
- * Strings of {@link DevicePermissionDropdown} that can be overridden.
- *
- * @internal
- */
-export declare interface _DevicePermissionDropdownStrings {
-    /**
-     * dropdown label
-     */
-    label?: string;
-    /**
-     * dropdown placeholder
-     */
-    placeHolderText: string;
-    /** string for action button  */
-    actionButtonContent?: string;
-}
-
-/**
- * Device Permission restrictions.
- * Be able to start a call depending on camera and microphone permission options.
- *
- * @beta
- */
-export declare interface DevicePermissionRestrictions {
-    /**
-     * Camera Permission prompts for your call.
-     * 'required' - requires the permission to be allowed before permitting the user join the call.
-     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
-     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
-     */
-    camera: 'required' | 'optional' | 'doNotPrompt';
-    /**
-     * Microphone permission prompts for your call.
-     * 'required' - requires the permission to be allowed before permitting the user join the call.
-     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
-     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
-     */
-    microphone: 'required' | 'optional' | 'doNotPrompt';
-}
-
 /**
  * A button to open a menu that controls device options.
  *
@@ -4539,52 +4377,6 @@ export declare interface Disposable {
     dispose(): void;
 }
 
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- */
-export declare const DomainPermissions: (props: DomainPermissionsProps) => JSX.Element;
-
-/**
- * @beta
- * Props for DomainPermissions component.
- */
-export declare interface DomainPermissionsProps {
-    /**
-     * Name of application calling experience is in.
-     */
-    appName: string;
-    /**
-     * Action to be taken by the more help link. Possible to send to external page or show other modal.
-     */
-    onTroubleshootingClick: () => void;
-    /**
-     * Localization strings for DomainPermissions component.
-     */
-    strings: DomainPermissionsStrings;
-}
-
-/**
- * @beta
- * Strings for DomainPermissions component
- */
-export declare interface DomainPermissionsStrings {
-    /**
-     * Main text string.
-     */
-    primaryText: string;
-    /**
-     * Subtext string.
-     */
-    secondaryText: string;
-    /**
-     * More help link string.
-     */
-    linkText: string;
-}
-
 /**
  * DTMF tone for PSTN calls.
  *
@@ -7243,39 +7035,6 @@ export declare interface TypingIndicatorStylesProps extends BaseCustomStyles {
     typingString?: IStyle;
 }
 
-/**
- * UI to display to the user that the browser they are using is not supported by calling application.
- *
- * @beta
- */
-export declare const UnsupportedBrowser: (props: UnsupportedBrowserProps) => JSX.Element;
-
-/**
- * props for UnsupportedBrowser UI
- *
- * @beta
- */
-export declare interface UnsupportedBrowserProps {
-    /** Handler to perform a action when the help link is actioned */
-    onTroubleShootingClick: () => void;
-    /** String overrides for the component */
-    strings: UnsupportedBrowserStrings;
-}
-
-/**
- * Strings for UnsupportedBrowser component
- *
- * @beta
- */
-export declare interface UnsupportedBrowserStrings {
-    /** String for the primary text */
-    primaryText: string;
-    /** String for the secondary text */
-    secondaryText: string;
-    /** String for the help link */
-    moreHelpLink: string;
-}
-
 /**
  * @public
  * Callback function run when a message is updated.