@azure/communication-react 1.3.2-alpha-202207140015.0 → 1.3.2-alpha-202207190020.0

package/CHANGELOG.md

@@ -32,6 +32,9 @@ Wed, 29 Jun 2022 17:31:05 GMT
   - 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)
+  - Fix bug where the "New Message" button was getting hidden under messages ([PR #2046](https://github.com/Azure/communication-ui-library/pull/2046) by carolinecao@microsoft.com)
+  - Fix bug where Chat participant pane in chat composite mobile view causing overflow ([PR #2038](https://github.com/Azure/communication-ui-library/pull/2038) by anjulgarg@live.com)
+  - Fix bug where Chat message thread size is wrong and shows scrollbar when a gif image is shared ([PR #2037](https://github.com/Azure/communication-ui-library/pull/2037) by anjulgarg@live.com)
 
 
 ### Improvements

package/dist/communication-react.d.ts

@@ -75,6 +75,7 @@ import { PropertyChangedEvent } from '@azure/communication-calling';
 import { default as React_2 } from 'react';
 import type { RemoteParticipant } from '@azure/communication-calling';
 import { RemoteParticipantState as RemoteParticipantState_2 } from '@azure/communication-calling';
+import { RoomCallLocator } from '@azure/communication-calling';
 import { ScalingMode } from '@azure/communication-calling';
 import { SendMessageOptions } from '@azure/communication-chat';
 import { StartCallOptions } from '@azure/communication-calling';
@@ -254,6 +255,7 @@ export declare type AzureCommunicationCallAdapterArgs = {
     displayName: string;
     credential: CommunicationTokenCredential;
     locator: CallAdapterLocator;
+    alternativeCallerId?: string;
 };
 
 /**
@@ -496,6 +498,10 @@ export declare type CallAdapterClientState = {
      * Latest error encountered for each operation performed via the adapter.
      */
     latestErrors: AdapterErrors;
+    /**
+     * Azure communications Phone number to make PSTN calls with.
+     */
+    alternativeCallerId?: string;
 };
 
 /**
@@ -580,7 +586,7 @@ export declare interface CallAdapterDeviceManagement {
  *
  * @public
  */
-export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ CallParticipantsLocator;
+export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | /* @conditional-compile-remove(rooms) */ RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator;
 
 /**
  * {@link CallAdapter} state.
@@ -845,6 +851,10 @@ export declare interface CallClientState {
      * See documentation of {@Link CallErrors} for details.
      */
     latestErrors: CallErrors;
+    /**
+     * Stores an ACS aquired phone number for making PSTN calls.
+     */
+    alternativeCallerId?: string;
 }
 
 /**
@@ -3329,7 +3339,7 @@ export declare interface ControlBarProps {
  *
  * @public
  */
-export declare const createAzureCommunicationCallAdapter: ({ userId, displayName, credential, locator }: AzureCommunicationCallAdapterArgs) => Promise<CallAdapter>;
+export declare const createAzureCommunicationCallAdapter: ({ userId, displayName, credential, locator, alternativeCallerId }: AzureCommunicationCallAdapterArgs) => Promise<CallAdapter>;
 
 /**
  * Create a {@link CallAdapter} using the provided {@link StatefulCallClient}.
@@ -3705,6 +3715,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
     VideoTileMicOff: JSX.Element;
+    BackSpace: JSX.Element;
 };
 
 /**
@@ -3786,6 +3797,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     MessageResend: JSX.Element;
     HoldCall: JSX.Element;
     ResumeCall: JSX.Element;
+    BackSpace: JSX.Element;
 };
 
 /**
@@ -4049,6 +4061,7 @@ export declare interface DialpadProps {
  */
 export declare interface DialpadStrings {
     placeholderText: string;
+    deleteButtonAriaLabel: string;
 }
 
 /**
@@ -4062,6 +4075,7 @@ export declare interface DialpadStyles {
     textField?: Partial<ITextFieldStyles>;
     primaryContent?: IStyle;
     secondaryContent?: IStyle;
+    deleteIcon?: IButtonStyles;
 }
 
 /**
@@ -6388,6 +6402,15 @@ export declare type StatefulCallClientArgs = {
      * state. It is not used by StatefulCallClient.
      */
     userId: CommunicationUserIdentifier;
+    /**
+     * A phone number in E.164 format that will be used to represent the callers identity. This number is required
+     * to start a PSTN call.
+     *
+     * example: +11234567
+     *
+     * This is not a cached value from the headless calling client.
+     */
+    alternativeCallerId?: 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-202207140015.0';
+var telemetryVersion = '1.3.2-alpha-202207190020.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -931,7 +931,7 @@ const typingIndicatorStringStyle = react.mergeStyles({
     wordBreak: 'break-word'
 });
 
-var participantItem$d={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed Participant"};var typingIndicator$d={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$d={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",fileUploadsPendingError:"Uploading... Please wait.",removeFile:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var messageStatusIndicator$d={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$d={label:"Leave",tooltipContent:"Leave Call"};var cameraButton$d={onLabel:"Turn off",offLabel:"Turn on",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose Camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off"};var microphoneButton$d={onLabel:"Mute",offLabel:"Unmute",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose Microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose Speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off"};var devicesButton$d={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose Camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose Audio Device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose Microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose Speaker"};var participantsButton$d={label:"People",tooltipContent:"Show Participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link"};var screenShareButton$d={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var messageThread$d={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{author} said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Submit",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadFile:"Download file"};var errorBar$d={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"Failed to start screen sharing",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneMutedBySystem:"You are muted by your system.",callMicrophoneUnmutedBySystem:"Your microphone recovered and you were unmuted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callVideoStoppedBySystem:"Your video has been stopped by your system.",callVideoRecoveredBySystem:"Your video has resumed.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link."};var videoGallery$d={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed Participant"};var dialpad$d={placeholderText:"Enter a number"};var HoldButton$e={onLabel:"Resume",offLabel:"Hold",toolTipOnContent:"Resume call",toolTipOffContent:"Hold call"};var en_US$1 = {participantItem:participantItem$d,typingIndicator:typingIndicator$d,sendBox:sendBox$d,messageStatusIndicator:messageStatusIndicator$d,endCallButton:endCallButton$d,cameraButton:cameraButton$d,microphoneButton:microphoneButton$d,devicesButton:devicesButton$d,participantsButton:participantsButton$d,screenShareButton:screenShareButton$d,messageThread:messageThread$d,errorBar:errorBar$d,videoGallery:videoGallery$d,dialpad:dialpad$d,HoldButton:HoldButton$e};
+var participantItem$d={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed Participant"};var typingIndicator$d={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$d={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",fileUploadsPendingError:"Uploading... Please wait.",removeFile:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var messageStatusIndicator$d={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$d={label:"Leave",tooltipContent:"Leave Call"};var cameraButton$d={onLabel:"Turn off",offLabel:"Turn on",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose Camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off"};var microphoneButton$d={onLabel:"Mute",offLabel:"Unmute",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose Microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose Speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off"};var devicesButton$d={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose Camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose Audio Device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose Microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose Speaker"};var participantsButton$d={label:"People",tooltipContent:"Show Participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link"};var screenShareButton$d={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var messageThread$d={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{author} said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Submit",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadFile:"Download file"};var errorBar$d={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"Failed to start screen sharing",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneMutedBySystem:"You are muted by your system.",callMicrophoneUnmutedBySystem:"Your microphone recovered and you were unmuted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callVideoStoppedBySystem:"Your video has been stopped by your system.",callVideoRecoveredBySystem:"Your video has resumed.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link."};var videoGallery$d={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed Participant"};var dialpad$d={placeholderText:"Enter a number",deleteButtonAriaLabel:"Delete"};var HoldButton$e={onLabel:"Resume",offLabel:"Hold",toolTipOnContent:"Resume call",toolTipOffContent:"Hold call"};var en_US$1 = {participantItem:participantItem$d,typingIndicator:typingIndicator$d,sendBox:sendBox$d,messageStatusIndicator:messageStatusIndicator$d,endCallButton:endCallButton$d,cameraButton:cameraButton$d,microphoneButton:microphoneButton$d,devicesButton:devicesButton$d,participantsButton:participantsButton$d,screenShareButton:screenShareButton$d,messageThread:messageThread$d,errorBar:errorBar$d,videoGallery:videoGallery$d,dialpad:dialpad$d,HoldButton:HoldButton$e};
 
 var participantItem$c={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed Participant"};var typingIndicator$c={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$c={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",fileUploadsPendingError:"Uploading... Please wait."};var messageStatusIndicator$c={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$c={label:"Leave",tooltipContent:"Leave Call"};var cameraButton$c={onLabel:"Turn off",offLabel:"Turn on",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose Camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off"};var microphoneButton$c={onLabel:"Mute",offLabel:"Unmute",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose Microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose Speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off"};var devicesButton$c={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose Camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose Audio Device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose Microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose Speaker"};var participantsButton$c={label:"People",tooltipContent:"Show Participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link"};var screenShareButton$c={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var messageThread$c={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Submit",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options"};var errorBar$c={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"Failed to start screen sharing",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneMutedBySystem:"You are muted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link."};var videoGallery$c={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed Participant"};var dialpad$c={placeholderText:"Enter a number"};var HoldButton$d={onLabel:"Resume",offLabel:"Hold",toolTipOnContent:"Resume call",toolTipOffContent:"Hold call"};var en_GB$1 = {participantItem:participantItem$c,typingIndicator:typingIndicator$c,sendBox:sendBox$c,messageStatusIndicator:messageStatusIndicator$c,endCallButton:endCallButton$c,cameraButton:cameraButton$c,microphoneButton:microphoneButton$c,devicesButton:devicesButton$c,participantsButton:participantsButton$c,screenShareButton:screenShareButton$c,messageThread:messageThread$c,errorBar:errorBar$c,videoGallery:videoGallery$c,dialpad:dialpad$c,HoldButton:HoldButton$d};
 
@@ -1917,7 +1917,9 @@ const DEFAULT_COMPONENT_ICONS = {
     ResumeCall: React__default['default'].createElement(reactIcons.Play20Filled, null),
     SendBoxSend: React__default['default'].createElement(reactIcons.Send20Regular, null),
     SendBoxSendHovered: React__default['default'].createElement(reactIcons.Send20Filled, null),
-    VideoTileMicOff: React__default['default'].createElement(reactIcons.MicOff16Filled, null)
+    VideoTileMicOff: React__default['default'].createElement(reactIcons.MicOff16Filled, null),
+    /* @conditional-compile-remove(dialpad) */
+    BackSpace: React__default['default'].createElement(reactIcons.Backspace20Regular, null)
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -7530,8 +7532,9 @@ const primaryContentStyles = (theme) => {
 const textFieldStyles = (theme) => ({
     field: {
         padding: 0,
-        textAlign: 'center',
-        fontSize: '0.875rem'
+        textAlign: 'left',
+        fontSize: '0.875rem',
+        paddingLeft: '0.5rem'
     },
     root: {
         backgroundColor: `${theme.palette.neutralLighter}`,
@@ -7544,6 +7547,9 @@ const textFieldStyles = (theme) => ({
     },
     errorMessage: {
         color: theme.semanticColors.errorText
+    },
+    suffix: {
+        padding: 0
     }
 });
 /**
@@ -7558,19 +7564,27 @@ const secondaryContentStyles = (theme) => {
         minHeight: '0.75rem'
     };
 };
+/**
+ * @private
+ */
+const iconButtonStyles = (theme) => {
+    return {
+        root: {
+            color: `${theme.palette.black}`
+        }
+    };
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 /**
  * @private
  */
-const formatPhoneNumber = (value) => {
+const formatPhoneNumber = (phoneNumber) => {
     // if input value is falsy eg if the user deletes the input, then just return
-    if (!value) {
-        return value;
+    if (!phoneNumber) {
+        return phoneNumber;
     }
-    // clean the input for any non-digit values.
-    let phoneNumber = value.replace(/[^\d*#+]/g, '');
     // if phone number starts with 1, format like 1 (xxx)xxx-xxxx.
     // if phone number starts with +, we format like +x (xxx)xxx-xxxx.
     // For now we are only supporting NA phone number formatting with country code +x
@@ -7655,8 +7669,14 @@ const DialpadContainer = (props) => {
     const theme = react.useTheme();
     const [textValue, setTextValue] = React.useState('');
     const { onSendDtmfTone, onClickDialpadButton, onDisplayDialpadInput, onChange } = props;
+    const sanitizeInput = (input) => {
+        // remove non-valid characters from input: letters,special characters excluding +, *,#
+        return input.replace(/[^\d*#+]/g, '');
+    };
     const onClickDialpad = (input, index) => {
-        setTextValue(textValue + input);
+        // remove non-valid characters from input: letters,special characters excluding +, *,#
+        const value = sanitizeInput(textValue + input);
+        setTextValue(value);
         if (onSendDtmfTone) {
             onSendDtmfTone(DtmfTones[index]);
         }
@@ -7664,24 +7684,39 @@ const DialpadContainer = (props) => {
             onClickDialpadButton(input, index);
         }
         if (onChange) {
-            onChange(onDisplayDialpadInput ? onDisplayDialpadInput(textValue + input) : formatPhoneNumber(textValue + input));
+            onChange(onDisplayDialpadInput ? onDisplayDialpadInput(value) : formatPhoneNumber(value));
         }
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const setText = (e) => {
-        setTextValue(e.target.value);
+        // remove non-valid characters from input: letters,special characters excluding +, *,#
+        const input = sanitizeInput(e.target.value);
+        setTextValue(input);
     };
+    // Potential Improvement:
     // comment out the following line for now to disable customization for dialpad content
     // const dialpadButtonsContent = props.dialpadButtons ?? dialPadButtonsDefault;
+    const deleteNumbers = () => {
+        const modifiedInput = textValue.substring(0, textValue.length - 1);
+        setTextValue(modifiedInput);
+        if (onChange) {
+            onChange(onDisplayDialpadInput ? onDisplayDialpadInput(modifiedInput) : formatPhoneNumber(modifiedInput));
+        }
+    };
     return (React__default['default'].createElement("div", { className: react.mergeStyles(containerStyles$1(theme), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root), "data-test-id": "dialpadContainer" },
         React__default['default'].createElement(react.TextField, { styles: react.concatStyleSets(textFieldStyles(theme), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.textField), value: onDisplayDialpadInput ? onDisplayDialpadInput(textValue) : formatPhoneNumber(textValue), 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onChange: (e) => {
                 setText(e);
+                // remove non-valid characters from input: letters,special characters excluding +, *,#
+                const input = sanitizeInput(e.target.value);
                 if (onChange) {
-                    onChange(onDisplayDialpadInput ? onDisplayDialpadInput(e.target.value) : formatPhoneNumber(e.target.value));
+                    onChange(onDisplayDialpadInput ? onDisplayDialpadInput(input) : formatPhoneNumber(input));
                 }
-            }, placeholder: props.placeholderText, "data-test-id": "dialpad-input" }),
+            }, placeholder: props.strings.placeholderText, "data-test-id": "dialpad-input", onRenderSuffix: () => {
+                var _a;
+                return (React__default['default'].createElement(React__default['default'].Fragment, null, textValue.length !== 0 && (React__default['default'].createElement(react.IconButton, { ariaLabel: props.strings.deleteButtonAriaLabel, onClick: deleteNumbers, styles: react.concatStyleSets(iconButtonStyles(theme), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.deleteIcon), iconProps: { iconName: 'BackSpace' } }))));
+            } }),
         React__default['default'].createElement(react.FocusZone, null, dialPadButtonsDefault.map((rows, rowIndex) => {
             return (React__default['default'].createElement(react.Stack, { horizontal: true, key: `row_${rowIndex}`, horizontalAlign: "stretch" }, rows.map((button, columnIndex) => (React__default['default'].createElement(DialpadButton, { key: `button_${columnIndex}`, 
                 /* row index = 0
@@ -7717,7 +7752,7 @@ const Dialpad = (props) => {
     const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
     return (React__default['default'].createElement(React__default['default'].Fragment, null, 
     /* @conditional-compile-remove(dialpad) */
-    React__default['default'].createElement(DialpadContainer, Object.assign({ placeholderText: strings.placeholderText }, props))));
+    React__default['default'].createElement(DialpadContainer, Object.assign({ strings: strings }, props))));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -9192,7 +9227,8 @@ const MAX_CALL_HISTORY_LENGTH = 10;
  * @private
  */
 class CallContext$1 {
-    constructor(userId, maxListeners = 50) {
+    constructor(userId, maxListeners = 50, 
+    /* @conditional-compile-remove(PSTN-calls) */ alternativeCallerId) {
         this._callIdHistory = new CallIdHistory();
         this._logger = logger.createClientLogger('communication-react:calling-context');
         this._state = {
@@ -9209,6 +9245,7 @@ class CallContext$1 {
             },
             callAgent: undefined,
             userId: userId,
+            /* @conditional-compile-remove(PSTN-calls) */ alternativeCallerId: alternativeCallerId,
             latestErrors: {}
         };
         this._emitter = new EventEmitter__default['default']();
@@ -11189,7 +11226,9 @@ class ProxyCallClient {
                     // callAgent if the createCallAgent succeeds.
                     const callAgent = yield target.createCallAgent(...args);
                     this._callAgent = callAgentDeclaratify(callAgent, this._context, this._internalContext);
-                    this._context.setCallAgent({ displayName: this._callAgent.displayName });
+                    this._context.setCallAgent({
+                        displayName: this._callAgent.displayName
+                    });
                     return this._callAgent;
                 }), 'CallClient.createCallAgent');
             }
@@ -11236,7 +11275,8 @@ class ProxyCallClient {
  */
 const createStatefulCallClient = (args, options) => {
     callingStatefulLogger.info(`Creating calling stateful client using library version: ${_getApplicationId()}`);
-    return createStatefulCallClientWithDeps(new communicationCalling.CallClient(withTelemetryTag(options === null || options === void 0 ? void 0 : options.callClientOptions)), new CallContext$1(communicationCommon.getIdentifierKind(args.userId), options === null || options === void 0 ? void 0 : options.maxStateChangeListeners), new InternalCallContext());
+    return createStatefulCallClientWithDeps(new communicationCalling.CallClient(withTelemetryTag(options === null || options === void 0 ? void 0 : options.callClientOptions)), new CallContext$1(communicationCommon.getIdentifierKind(args.userId), options === null || options === void 0 ? void 0 : options.maxStateChangeListeners, 
+    /* @conditional-compile-remove(PSTN-calls) */ args.alternativeCallerId), new InternalCallContext());
 };
 /**
  * Package-internal version of createStatefulCallClient that allows dependency injection.
@@ -15935,28 +15975,44 @@ class AzureCommunicationCallAdapter {
             throw new Error('You are already in the call!');
         }
         /* @conditional-compile-remove(teams-adhoc-call) */
-        // Check if we should be starting a new call or joining an existing call
-        if (isAdhocCall(this.locator)) {
-            return this.startCall(this.locator.participantIDs);
+        /* @conditional-compile-remove(PSTN-calls) */
+        if (isOutboundCall(this.locator)) {
+            const phoneNumber = this.getState().alternativeCallerId;
+            return this.startCall(this.locator.participantIDs, {
+                alternateCallerId: phoneNumber ? { phoneNumber: phoneNumber } : undefined
+            });
         }
         return this.teeErrorToEventEmitter(() => {
             const audioOptions = { muted: microphoneOn !== null && microphoneOn !== void 0 ? microphoneOn : !this.getState().isLocalPreviewMicrophoneEnabled };
             // TODO: find a way to expose stream to here
             const videoOptions = { localVideoStreams: this.localStream ? [this.localStream] : undefined };
-            const isTeamsMeeting = !('groupId' in this.locator);
-            const call = isTeamsMeeting
-                ? this.callAgent.join(this.locator, {
-                    audioOptions,
-                    videoOptions
-                })
-                : this.callAgent.join(this.locator, {
-                    audioOptions,
-                    videoOptions
-                });
+            const call = this._joinCall(audioOptions, videoOptions);
             this.processNewCall(call);
             return call;
         });
     }
+    _joinCall(audioOptions, videoOptions) {
+        const isTeamsMeeting = !('groupId' in this.locator);
+        /* @conditional-compile-remove(rooms) */
+        const isRoomsCall = !('roomId' in this.locator);
+        if (isTeamsMeeting) {
+            return this.callAgent.join(this.locator, {
+                audioOptions,
+                videoOptions
+            });
+        }
+        /* @conditional-compile-remove(rooms) */
+        if (isRoomsCall) {
+            return this.callAgent.join(this.locator, {
+                audioOptions,
+                videoOptions
+            });
+        }
+        return this.callAgent.join(this.locator, {
+            audioOptions,
+            videoOptions
+        });
+    }
     createStreamView(remoteUserId, options) {
         return __awaiter$4(this, void 0, void 0, function* () {
             if (remoteUserId === undefined) {
@@ -16239,9 +16295,15 @@ class AzureCommunicationCallAdapter {
  *
  * @public
  */
-const createAzureCommunicationCallAdapter = ({ userId, displayName, credential, locator }) => __awaiter$4(void 0, void 0, void 0, function* () {
-    const callClient = createStatefulCallClient({ userId });
-    const callAgent = yield callClient.createCallAgent(credential, { displayName });
+const createAzureCommunicationCallAdapter = ({ userId, displayName, credential, locator, 
+/* @conditional-compile-remove(PSTN-calls) */ alternativeCallerId }) => __awaiter$4(void 0, void 0, void 0, function* () {
+    const callClient = createStatefulCallClient({
+        userId,
+        /* @conditional-compile-remove(PSTN-calls) */ alternativeCallerId
+    });
+    const callAgent = yield callClient.createCallAgent(credential, {
+        displayName
+    });
     const adapter = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, locator);
     return adapter;
 });
@@ -16356,7 +16418,8 @@ const isCallError = (e) => {
     return e['target'] !== undefined && e['innerError'] !== undefined;
 };
 /* @conditional-compile-remove(teams-adhoc-call) */
-const isAdhocCall = (callLocator) => {
+/* @conditional-compile-remove(PSTN-calls) */
+const isOutboundCall = (callLocator) => {
     return 'participantIDs' in callLocator;
 };
 
@@ -16977,36 +17040,36 @@ class CallWithChatBackedChatAdapter {
         this.setTopic = (topicName) => __awaiter$2(this, void 0, void 0, function* () {
             throw new Error(`Chat Topics are not supported in CallWithChatComposite.`);
         });
+        /* @conditional-compile-remove(file-sharing) */
+        this.registerActiveFileUploads = (files) => {
+            return this.callWithChatAdapter.registerActiveFileUploads(files);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.registerCompletedFileUploads = (metadata) => {
+            return this.callWithChatAdapter.registerCompletedFileUploads(metadata);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.clearFileUploads = () => {
+            this.callWithChatAdapter.clearFileUploads();
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.cancelFileUpload = (id) => {
+            this.callWithChatAdapter.cancelFileUpload(id);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.updateFileUploadProgress = (id, progress) => {
+            this.callWithChatAdapter.updateFileUploadProgress(id, progress);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.updateFileUploadErrorMessage = (id, errorMessage) => {
+            this.callWithChatAdapter.updateFileUploadErrorMessage(id, errorMessage);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.updateFileUploadMetadata = (id, metadata) => {
+            this.callWithChatAdapter.updateFileUploadMetadata(id, metadata);
+        };
         this.callWithChatAdapter = callWithChatAdapter;
     }
-    /* @conditional-compile-remove(file-sharing) */
-    registerActiveFileUploads(files) {
-        return this.callWithChatAdapter.registerActiveFileUploads(files);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    registerCompletedFileUploads(metadata) {
-        return this.callWithChatAdapter.registerCompletedFileUploads(metadata);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    clearFileUploads() {
-        this.callWithChatAdapter.clearFileUploads();
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    cancelFileUpload(id) {
-        this.callWithChatAdapter.cancelFileUpload(id);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    updateFileUploadProgress(id, progress) {
-        this.callWithChatAdapter.updateFileUploadProgress(id, progress);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    updateFileUploadErrorMessage(id, errorMessage) {
-        this.callWithChatAdapter.updateFileUploadErrorMessage(id, errorMessage);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    updateFileUploadMetadata(id, metadata) {
-        this.callWithChatAdapter.updateFileUploadMetadata(id, metadata);
-    }
 }
 function chatAdapterStateFromCallWithChatAdapterState(callWithChatAdapterState) {
     if (!callWithChatAdapterState.chat) {
@@ -17923,6 +17986,34 @@ class CallWithChatContext {
  */
 class AzureCommunicationCallWithChatAdapter {
     constructor(callAdapter, chatAdapter) {
+        /* @conditional-compile-remove(file-sharing) */
+        this.registerActiveFileUploads = (files) => {
+            return this.chatAdapter.registerActiveFileUploads(files);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.registerCompletedFileUploads = (metadata) => {
+            return this.chatAdapter.registerCompletedFileUploads(metadata);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.clearFileUploads = () => {
+            this.chatAdapter.clearFileUploads();
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.cancelFileUpload = (id) => {
+            this.chatAdapter.cancelFileUpload(id);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.updateFileUploadProgress = (id, progress) => {
+            this.chatAdapter.updateFileUploadProgress(id, progress);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.updateFileUploadErrorMessage = (id, errorMessage) => {
+            this.chatAdapter.updateFileUploadErrorMessage(id, errorMessage);
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        this.updateFileUploadMetadata = (id, metadata) => {
+            this.chatAdapter.updateFileUploadMetadata(id, metadata);
+        };
         this.bindPublicMethods();
         this.callAdapter = callAdapter;
         this.chatAdapter = chatAdapter;
@@ -18169,34 +18260,6 @@ class AzureCommunicationCallWithChatAdapter {
             return yield this.chatAdapter.deleteMessage(messageId);
         });
     }
-    /* @conditional-compile-remove(file-sharing) */
-    registerActiveFileUploads(files) {
-        return this.chatAdapter.registerActiveFileUploads(files);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    registerCompletedFileUploads(metadata) {
-        return this.chatAdapter.registerCompletedFileUploads(metadata);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    clearFileUploads() {
-        this.chatAdapter.clearFileUploads();
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    cancelFileUpload(id) {
-        this.chatAdapter.cancelFileUpload(id);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    updateFileUploadProgress(id, progress) {
-        this.chatAdapter.updateFileUploadProgress(id, progress);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    updateFileUploadErrorMessage(id, errorMessage) {
-        this.chatAdapter.updateFileUploadErrorMessage(id, errorMessage);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    updateFileUploadMetadata(id, metadata) {
-        this.chatAdapter.updateFileUploadMetadata(id, metadata);
-    }
     /* @conditional-compile-remove(PSTN-calls) */
     holdCall() {
         return __awaiter(this, void 0, void 0, function* () {