@azure/communication-react 1.3.2-alpha-202208050016.0 → 1.3.2-alpha-202208100014.0

package/dist/communication-react.d.ts

@@ -1423,7 +1423,7 @@ export declare interface CallingTheme {
  */
 export declare type CallParticipantListParticipant = ParticipantListParticipant & {
     /** State of calling participant */
-    state: 'Idle' | 'Connecting' | 'Ringing' | 'Connected' | 'Hold' | 'InLobby' | 'EarlyMedia' | 'Disconnected';
+    state: ParticipantState;
     /** Whether calling participant is screen sharing */
     isScreenSharing?: boolean;
     /** Whether calling participant is muted */
@@ -1924,6 +1924,8 @@ export declare interface CallWithChatClientState {
     devices: DeviceManagerState;
     /** State of whether the active call is a Teams interop call */
     isTeamsCall: boolean;
+    /** alternateCallerId for PSTN call */
+    alternateCallerId?: string | undefined;
 }
 
 /**
@@ -5432,8 +5434,10 @@ export declare interface MessageThreadStrings {
     failToSendTag?: string;
     /** String for LiveMessage introduction for the Chat Message */
     liveAuthorIntro: string;
-    /** String for aria text of message content */
+    /** String for aria text of remote user's message content */
     messageContentAriaText: string;
+    /** String for aria text of local user's message content */
+    messageContentMineAriaText: string;
     /** String for warning on text limit exceeded in EditBox*/
     editBoxTextLimit: string;
     /** String for placeholder text in EditBox when there is no user input*/
@@ -5739,6 +5743,14 @@ export declare interface ParticipantItemProps {
     onClick?: (props?: ParticipantItemProps) => void;
     /** prop to determine if we should show tooltip for participants or not */
     showParticipantOverflowTooltip?: boolean;
+    /**
+     * Optional value to determine and display a participants connection status.
+     * For example, `Connecting`, `Ringing` etc.
+     * The actual text that is displayed is determined by the localized string
+     * corresponding to the provided participant state.
+     * For example, `strings.participantStateConnecting` will be used if `participantState` is `Connecting`.
+     */
+    participantState?: ParticipantState;
 }
 
 /**
@@ -5759,6 +5771,12 @@ export declare interface ParticipantItemStrings {
     mutedIconLabel: string;
     /** placeholder text for participants who does not have a display name*/
     displayNamePlaceholder?: string;
+    /** String shown when `participantState` is `Connecting` */
+    participantStateConnecting?: string;
+    /** String shown when `participantState` is `Ringing` */
+    participantStateRinging?: string;
+    /** String shown when `participantState` is `Hold` */
+    participantStateHold?: string;
 }
 
 /**
@@ -6056,6 +6074,12 @@ export declare type ParticipantsRemovedListener = (event: {
     removedBy: ChatParticipant;
 }) => void;
 
+/**
+ * @public
+ * The connection state of a call participant.
+ */
+export declare type ParticipantState = 'Idle' | 'Connecting' | 'Ringing' | 'Connected' | 'Hold' | 'InLobby' | 'EarlyMedia' | 'Disconnected';
+
 /**
  * An array of key value pairs that stores each sender's display name and last read message
  *
@@ -7106,15 +7130,9 @@ export declare interface VideoGalleryRemoteParticipant extends VideoGalleryParti
      * @beta
      * The connection state of the participant. For example, 'Hold', 'Connecting' etc.
      */
-    state?: VideoGalleryRemoteParticipantState;
+    state?: ParticipantState;
 }
 
-/**
- * @beta
- * The connection state of the participant. For example, 'Hold', 'Connecting' etc.
- */
-export declare type VideoGalleryRemoteParticipantState = 'Connecting' | 'Ringing' | 'Connected' | 'Hold';
-
 /**
  * Selector type for {@link VideoGallery} component.
  *
@@ -7292,7 +7310,7 @@ export declare interface VideoTileProps {
      * The call connection state of the participant.
      * For example, `Hold` means the participant is on hold.
      */
-    participantState?: VideoGalleryRemoteParticipantState;
+    participantState?: ParticipantState;
     strings?: VideoTileStrings;
 }
 

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

@@ -192,7 +192,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-202208050016.0';
+var telemetryVersion = '1.3.2-alpha-202208100014.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -958,7 +958,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 phone number",deleteButtonAriaLabel:"Delete"};var HoldButton$e={onLabel:"Resume",offLabel:"Hold",toolTipOnContent:"Resume call",toolTipOffContent:"Hold call"};var videoTile={participantStateConnecting:"Connecting...",participantStateRinging:"Ringing...",participantStateHold:"On Hold"};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,videoTile:videoTile};
+var participantItem$d={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed Participant",participantStateConnecting:"Calling...",participantStateRinging:"Calling...",participantStateHold:"On Hold"};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}",messageContentMineAriaText:"You 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 phone number",deleteButtonAriaLabel:"Delete"};var HoldButton$e={onLabel:"Resume",offLabel:"Hold",toolTipOnContent:"Resume call",toolTipOffContent:"Hold call"};var videoTile={participantStateConnecting:"Connecting...",participantStateRinging:"Ringing...",participantStateHold:"On Hold"};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,videoTile:videoTile};
 
 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};
 
@@ -2336,10 +2336,11 @@ const _FileCard = (props) => {
             height: _pxToRem(progressBarThicknessPx)
         }
     };
-    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+    return (React__default['default'].createElement("div", { "data-is-focusable": true },
         React__default['default'].createElement(Announcer, { announcementString: announcerString, ariaLive: 'polite' }),
         React__default['default'].createElement(react.Stack, { className: containerClassName, onClick: () => {
-                props.actionHandler && props.actionHandler();
+                var _a;
+                (_a = props.actionHandler) === null || _a === void 0 ? void 0 : _a.call(props);
             } },
             React__default['default'].createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: fileInfoWrapperClassName },
                 React__default['default'].createElement(react.Stack, null,
@@ -3335,25 +3336,13 @@ const ChatMessageContent = (props) => {
 const MessageContentAsRichTextHTML = (props) => {
     const htmlToReactParser = new htmlToReact.Parser();
     const liveAuthor = _formatString(props.liveAuthorIntro, { author: `${props.message.senderDisplayName}` });
-    const messageAriaText = props.message.content
-        ? _formatString(props.messageContentAriaText, {
-            author: `${props.message.senderDisplayName}`,
-            message: props.message.content
-        })
-        : undefined;
-    return (React__default['default'].createElement("div", { "data-ui-status": props.message.status, role: "text", "aria-text": messageAriaText },
+    return (React__default['default'].createElement("div", { "data-ui-status": props.message.status, role: "text", "aria-text": props.messageContentAriaText },
         React__default['default'].createElement(reactAriaLive.LiveMessage, { message: `${props.message.mine ? '' : liveAuthor} ${extractContent(props.message.content || '')}`, "aria-live": "polite" }),
         htmlToReactParser.parse(props.message.content)));
 };
 const MessageContentAsText = (props) => {
     const liveAuthor = _formatString(props.liveAuthorIntro, { author: `${props.message.senderDisplayName}` });
-    const messageAriaText = props.message.content
-        ? _formatString(props.messageContentAriaText, {
-            author: `${props.message.senderDisplayName}`,
-            message: props.message.content
-        })
-        : undefined;
-    return (React__default['default'].createElement("div", { "data-ui-status": props.message.status, role: "text", "aria-label": messageAriaText },
+    return (React__default['default'].createElement("div", { "data-ui-status": props.message.status, role: "text", "aria-label": props.messageContentAriaText },
         React__default['default'].createElement(reactAriaLive.LiveMessage, { message: `${props.message.mine ? '' : liveAuthor} ${props.message.content}`, "aria-live": "polite" }),
         React__default['default'].createElement(Linkify__default['default'], { componentDecorator: (decoratedHref, decoratedText, key) => {
                 return (React__default['default'].createElement(react.Link, { target: "_blank", href: decoratedHref, key: key }, decoratedText));
@@ -3535,14 +3524,20 @@ const MessageBubble = (props) => {
         locale,
         fileDownloadHandler
     ]);
-    const messageContentRef = React.useRef(null);
+    const messageContentAriaText = props.message.content
+        ? props.message.mine
+            ? _formatString(strings.messageContentMineAriaText, {
+                message: props.message.content
+            })
+            : _formatString(strings.messageContentAriaText, {
+                author: `${props.message.senderDisplayName}`,
+                message: props.message.content
+            })
+        : undefined;
     const chatMessage = (React__default['default'].createElement(React__default['default'].Fragment, null,
-        React__default['default'].createElement("div", { ref: messageRef, tabIndex: 0, onFocus: () => {
-                var _a;
-                (_a = messageContentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            } },
-            React__default['default'].createElement(reactNorthstar.Chat.Message, { "data-ui-id": "chat-composite-message", className: react.mergeStyles(messageContainerStyle), styles: messageContainerStyle, content: React__default['default'].createElement("div", { ref: messageContentRef, tabIndex: 0 },
-                    React__default['default'].createElement(ChatMessageContent, { message: message, liveAuthorIntro: strings.liveAuthorIntro, messageContentAriaText: strings.messageContentAriaText }),
+        React__default['default'].createElement("div", { ref: messageRef },
+            React__default['default'].createElement(reactNorthstar.Chat.Message, { "data-ui-id": "chat-composite-message", className: react.mergeStyles(messageContainerStyle), styles: messageContainerStyle, content: React__default['default'].createElement("div", { tabIndex: 0 },
+                    React__default['default'].createElement(ChatMessageContent, { message: message, liveAuthorIntro: strings.liveAuthorIntro, messageContentAriaText: messageContentAriaText }),
                     props.onRenderFileDownloads
                         ? props.onRenderFileDownloads(userId, message)
                         : defaultOnRenderFileDownloads()), author: React__default['default'].createElement(reactNorthstar.Text, { className: chatMessageDateStyle }, message.senderDisplayName), mine: message.mine, timestamp: React__default['default'].createElement(reactNorthstar.Text, { "data-ui-id": ids.messageTimestamp }, formattedTimestamp), details: messageStatus === 'failed' ? (React__default['default'].createElement("div", { className: chatMessageFailedTagStyle(theme) }, strings.failToSendTag)) : message.editedOn ? (React__default['default'].createElement("div", { className: chatMessageEditedTagStyle(theme) }, strings.editedTag)) : undefined, positionActionMenu: false, actionMenu: actionMenuProps, onTouchStart: () => setWasInteractionByTouch(true), onPointerDown: () => setWasInteractionByTouch(false), onKeyDown: () => setWasInteractionByTouch(false), onBlur: () => setWasInteractionByTouch(false), onClick: () => {
@@ -4380,7 +4375,6 @@ const meContainerStyle = {
  * @public
  */
 const ParticipantItem = (props) => {
-    var _a, _b, _c, _d;
     const { userId, displayName, onRenderAvatar, menuItems, onRenderIcon, presence, styles, me, onClick, showParticipantOverflowTooltip } = props;
     const [itemHovered, setItemHovered] = React.useState(false);
     const [menuHidden, setMenuHidden] = React.useState(true);
@@ -4388,8 +4382,7 @@ const ParticipantItem = (props) => {
     const theme = useTheme();
     const localeStrings = useLocale$1().strings.participantItem;
     const ids = useIdentifiers();
-    const isMeText = (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.isMeText) !== null && _b !== void 0 ? _b : localeStrings.isMeText;
-    const menuTitle = (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.menuTitle) !== null && _d !== void 0 ? _d : localeStrings.menuTitle;
+    const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
     const avatarOptions = {
         text: displayName,
         size: react.PersonaSize.size32,
@@ -4404,26 +4397,40 @@ const ParticipantItem = (props) => {
     const meTextStyle = React.useMemo(() => react.mergeStyles(meContainerStyle, { color: theme.palette.neutralTertiary }, styles === null || styles === void 0 ? void 0 : styles.me), [theme.palette.neutralTertiary, styles === null || styles === void 0 ? void 0 : styles.me]);
     const contextualMenuStyle = React.useMemo(() => react.mergeStyles({ background: theme.palette.neutralLighterAlt }, styles === null || styles === void 0 ? void 0 : styles.menu), [theme.palette.neutralLighterAlt, styles === null || styles === void 0 ? void 0 : styles.menu]);
     const infoContainerStyle = React.useMemo(() => react.mergeStyles(iconContainerStyle$1, { color: theme.palette.neutralTertiary }, styles === null || styles === void 0 ? void 0 : styles.iconContainer), [theme.palette.neutralTertiary, styles === null || styles === void 0 ? void 0 : styles.iconContainer]);
-    const menuButton = React.useMemo(() => (React__default['default'].createElement(react.Stack, { horizontal: true, horizontalAlign: "end", className: react.mergeStyles(menuButtonContainerStyle), title: menuTitle, "data-ui-id": ids.participantItemMenuButton },
-        React__default['default'].createElement(react.Icon, { iconName: itemHovered ? 'ParticipantItemOptionsHovered' : 'ParticipantItemOptions', className: iconStyles$3 }))), [itemHovered, menuTitle, ids.participantItemMenuButton]);
+    const menuButton = React.useMemo(() => (React__default['default'].createElement(react.Stack, { horizontal: true, horizontalAlign: "end", className: react.mergeStyles(menuButtonContainerStyle), title: strings.menuTitle, "data-ui-id": ids.participantItemMenuButton },
+        React__default['default'].createElement(react.Icon, { iconName: itemHovered ? 'ParticipantItemOptionsHovered' : 'ParticipantItemOptions', className: iconStyles$3 }))), [itemHovered, strings.menuTitle, ids.participantItemMenuButton]);
     const onDismissMenu = () => {
         setItemHovered(false);
         setMenuHidden(true);
     };
+    const participantStateString = participantStateStringTrampoline(props, strings);
     return (React__default['default'].createElement("div", { ref: containerRef, role: 'menuitem', "data-is-focusable": true, className: react.mergeStyles(participantItemContainerStyle({ localparticipant: me, clickable: !!menuItems }), styles === null || styles === void 0 ? void 0 : styles.root), onMouseEnter: () => setItemHovered(true), onMouseLeave: () => setItemHovered(false), onClick: () => {
-            setItemHovered(true);
-            setMenuHidden(false);
-            onClick === null || onClick === void 0 ? void 0 : onClick(props);
+            if (!participantStateString) {
+                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),
+            me && React__default['default'].createElement(react.Text, { className: meTextStyle }, strings.isMeText),
             React__default['default'].createElement(react.Stack, { horizontal: true, className: react.mergeStyles(infoContainerStyle) }, onRenderIcon && onRenderIcon(props))),
-        menuItems && menuItems.length > 0 && (React__default['default'].createElement(React__default['default'].Fragment, null,
+        !me && participantStateString ? (React__default['default'].createElement(react.Text, null, participantStateString)) : (React__default['default'].createElement("div", null, menuItems && menuItems.length > 0 && (React__default['default'].createElement(React__default['default'].Fragment, null,
             menuButton,
             React__default['default'].createElement(react.ContextualMenu, { items: menuItems, hidden: menuHidden, target: containerRef, onItemClick: onDismissMenu, onDismiss: onDismissMenu, directionalHint: react.DirectionalHint.bottomRightEdge, className: contextualMenuStyle, calloutProps: {
                     preventDismissOnEvent: _preventDismissOnEvent
-                } })))));
+                } })))))));
+};
+const participantStateStringTrampoline = (props, strings) => {
+    /* @conditional-compile-remove(one-to-n-calling) */
+    /* @conditional-compile-remove(PSTN-calls) */
+    return props.participantState === 'Idle' || props.participantState === 'Connecting'
+        ? strings === null || strings === void 0 ? void 0 : strings.participantStateConnecting
+        : props.participantState === 'EarlyMedia' || props.participantState === 'Ringing'
+            ? strings === null || strings === void 0 ? void 0 : strings.participantStateRinging
+            : props.participantState === 'Hold'
+                ? strings === null || strings === void 0 ? void 0 : strings.participantStateHold
+                : undefined;
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -4471,7 +4478,10 @@ const onRenderParticipantDefault = (participant, strings, myUserId, onRenderAvat
             callingParticipant.isMuted && (React__default['default'].createElement(react.Icon, { iconName: "ParticipantItemMicOff", className: iconStyles$2, ariaLabel: strings.mutedIconLabel }))))
         : () => null;
     const displayName = !participant.displayName ? strings.displayNamePlaceholder : participant.displayName;
-    return (React__default['default'].createElement(ParticipantItem, { styles: styles, key: participant.userId, userId: participant.userId, displayName: displayName, me: myUserId ? participant.userId === myUserId : false, menuItems: menuItems, presence: presence, onRenderIcon: onRenderIcon, onRenderAvatar: onRenderAvatar, onClick: () => onParticipantClick === null || onParticipantClick === void 0 ? void 0 : onParticipantClick(participant), showParticipantOverflowTooltip: showParticipantOverflowTooltip }));
+    return (React__default['default'].createElement(ParticipantItem, { styles: styles, key: participant.userId, userId: participant.userId, displayName: displayName, me: myUserId ? participant.userId === myUserId : false, menuItems: menuItems, presence: presence, onRenderIcon: onRenderIcon, onRenderAvatar: onRenderAvatar, onClick: () => onParticipantClick === null || onParticipantClick === void 0 ? void 0 : onParticipantClick(participant), showParticipantOverflowTooltip: showParticipantOverflowTooltip, 
+        /* @conditional-compile-remove(one-to-n-calling) */
+        /* @conditional-compile-remove(PSTN-calls) */
+        participantState: callingParticipant.state }));
 };
 const getParticipantsForDefaultRender = (participants, excludeMe, myUserId) => {
     if (!excludeMe || !myUserId) {
@@ -4791,10 +4801,10 @@ const DefaultPlaceholder = (props) => {
         if (!strings) {
             return;
         }
-        if (participantState === 'Connecting') {
+        if (participantState === 'Idle' || participantState === 'Connecting') {
             return strings === null || strings === void 0 ? void 0 : strings.participantStateConnecting;
         }
-        else if (participantState === 'Ringing') {
+        else if (participantState === 'EarlyMedia' || participantState === 'Ringing') {
             return strings === null || strings === void 0 ? void 0 : strings.participantStateRinging;
         }
         else if (participantState === 'Hold') {
@@ -7931,7 +7941,7 @@ const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted
         isScreenSharingOn: screenShareStream !== undefined && screenShareStream.isAvailable,
         /* @conditional-compile-remove(one-to-n-calling) */
         /* @conditional-compile-remove(PSTN-calls) */
-        state: convertRemoteParticipantStateToVideoGalleryRemoteParticipantState(state)
+        state
     };
 };
 const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
@@ -7945,29 +7955,6 @@ const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
         renderElement: (_b = stream.view) === null || _b === void 0 ? void 0 : _b.target
     };
 };
-/* @conditional-compile-remove(one-to-n-calling) */
-/* @conditional-compile-remove(PSTN-calls) */
-/**
- * We convert the Communication Participant states to simpler states that can be used with VideoTiles/VideoGallery.
- */
-const convertRemoteParticipantStateToVideoGalleryRemoteParticipantState = (state) => {
-    // `Idle` is the first state of the participant.
-    if (state === 'Idle' || state === 'Connecting') {
-        return 'Connecting';
-    }
-    // `EarlyMedia` is a state when the media is played before a participant connects to the call.
-    // It occurs immediately after the `Connecting` state.
-    if (state === 'EarlyMedia' || state === 'Ringing') {
-        return 'Ringing';
-    }
-    if (state === 'Hold') {
-        return 'Hold';
-    }
-    if (state === 'Connected') {
-        return 'Connected';
-    }
-    return;
-};
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -15392,7 +15379,7 @@ const drawerContainerStyles$1 = {
 // Copyright (c) Microsoft Corporation.
 /** @private */
 const CallingDialpad = (props) => {
-    const { strings, isMobile, showDialpad, onDismissDialpad } = props;
+    const { strings, isMobile, showDialpad, onDismissDialpad, onAddParticipant, alternateCallerId } = props;
     const [textFieldInput, setTextFieldInput] = React.useState('');
     const theme = react.useTheme();
     const onDismissTriggered = () => {
@@ -15400,15 +15387,22 @@ const CallingDialpad = (props) => {
         onDismissDialpad();
     };
     const onClickCall = () => {
-        //place holder for adding calling functionality
-        console.log(textFieldInput);
+        if (onAddParticipant) {
+            /**
+             * Format the phone number in dialpad textfield to make sure the phone number is in E.164 format.
+             * We assume the input number always include countrycode
+             */
+            const phoneNumber = { phoneNumber: '+' + textFieldInput.replace(/\D/g, '').replaceAll(' ', '') };
+            onAddParticipant(phoneNumber, { alternateCallerId: { phoneNumber: alternateCallerId } });
+            onDismissTriggered();
+        }
     };
     const dialpadModelStyle = React.useMemo(() => themedDialpadModelStyle(theme), [theme]);
     const dialpadStyle = React.useMemo(() => themedDialpadStyle(isMobile, theme), [theme, isMobile]);
     const callButtonStyle = React.useMemo(() => themedCallButtonStyle(theme), [theme]);
     const dialpadComponent = () => {
         return (React__default['default'].createElement(React__default['default'].Fragment, null,
-            React__default['default'].createElement(Dialpad, { onChange: setTextFieldInput, styles: dialpadStyle }),
+            React__default['default'].createElement(Dialpad, { styles: dialpadStyle, onChange: setTextFieldInput }),
             React__default['default'].createElement(react.PrimaryButton, { text: strings.dialpadStartCallButtonLabel, onRenderIcon: () => DialpadStartCallIconTrampoline(), onClick: onClickCall, styles: callButtonStyle, disabled: textFieldInput === '' })));
     };
     if (isMobile) {
@@ -15460,7 +15454,7 @@ const drawerContainerStyles = {
 /** @private */
 const AddPeopleDropdown = (props) => {
     const theme = react.useTheme();
-    const { inviteLink, strings, mobileView } = props;
+    const { inviteLink, strings, mobileView, onAddParticipant, alternateCallerId } = props;
     const [showDialpad, setShowDialpad] = React.useState(false);
     const menuStyleThemed = React.useMemo(() => themedMenuStyle(theme), [theme]);
     const copyLinkButtonStylesThemed = React.useMemo(() => themedCopyLinkButtonStyles(theme, mobileView), [mobileView, theme]);
@@ -15482,21 +15476,25 @@ const AddPeopleDropdown = (props) => {
                 onClick: () => copy__default['default'](inviteLink)
             });
         }
-        menuProps.items.push({
-            key: 'DialpadKey',
-            text: strings.openDialpadButtonLabel,
-            itemProps: { styles: copyLinkButtonStylesThemed },
-            iconProps: { iconName: PeoplePaneOpenDialpadIconNameTrampoline(), style: iconStyles },
-            onClick: () => setShowDialpad(true),
-            'data-ui-id': 'call-with-chat-composite-dial-phone-number-button'
-        });
+        // only show the dialpad option when alternateCallerId is set
+        if (alternateCallerId) {
+            menuProps.items.push({
+                key: 'DialpadKey',
+                text: strings.openDialpadButtonLabel,
+                itemProps: { styles: copyLinkButtonStylesThemed },
+                iconProps: { iconName: PeoplePaneOpenDialpadIconNameTrampoline(), style: iconStyles },
+                onClick: () => setShowDialpad(true),
+                'data-ui-id': 'call-with-chat-composite-dial-phone-number-button'
+            });
+        }
         return menuProps;
     }, [
         strings.copyInviteLinkButtonLabel,
         strings.openDialpadButtonLabel,
         copyLinkButtonStylesThemed,
         inviteLink,
-        menuStyleThemed
+        menuStyleThemed,
+        alternateCallerId
     ]);
     const onDismissDialpad = () => {
         setShowDialpad(false);
@@ -15514,10 +15512,10 @@ const AddPeopleDropdown = (props) => {
                 React__default['default'].createElement(react.PrimaryButton, { onClick: setDrawerMenuItemsForAddPeople, styles: copyLinkButtonStylesThemed, onRenderIcon: () => PeoplePaneAddPersonIconTrampoline(), text: strings.peoplePaneAddPeopleButtonLabel, "data-ui-id": "call-with-chat-composite-add-people-button" })),
             addPeopleDrawerMenuItems.length > 0 && (React__default['default'].createElement(react.Stack, { styles: drawerContainerStyles, "data-ui-id": "call-with-chat-composite-add-people-dropdown" },
                 React__default['default'].createElement(_DrawerMenu, { onLightDismiss: () => setAddPeopleDrawerMenuItems([]), items: addPeopleDrawerMenuItems }))),
-            React__default['default'].createElement(CallingDialpad, { isMobile: true, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad })));
+            alternateCallerId && (React__default['default'].createElement(CallingDialpad, { isMobile: true, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad, onAddParticipant: onAddParticipant, alternateCallerId: alternateCallerId }))));
     }
     return (React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(react.Stack, null,
-        React__default['default'].createElement(CallingDialpad, { isMobile: false, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad }),
+        alternateCallerId && (React__default['default'].createElement(CallingDialpad, { isMobile: false, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad, onAddParticipant: onAddParticipant, alternateCallerId: alternateCallerId })),
         React__default['default'].createElement(react.Stack, { styles: copyLinkButtonStackStyles },
             React__default['default'].createElement(react.DefaultButton, { onRenderIcon: () => PeoplePaneAddPersonIconTrampoline(), text: strings.peoplePaneAddPeopleButtonLabel, menuProps: defaultMenuProps, styles: copyLinkButtonStylesThemed, "data-ui-id": "call-with-chat-composite-add-people-button" })))));
 };
@@ -15538,11 +15536,11 @@ const AddPeopleButton = (props) => {
     React.useMemo(() => react.concatStyleSets(copyLinkButtonStyles, themedCopyLinkButtonStyles$1(mobileView, theme)), [mobileView, theme]);
     /* @conditional-compile-remove(PSTN-calls) */
     if (mobileView) {
-        return React__default['default'].createElement(AddPeopleDropdown, { strings: strings, mobileView: mobileView, inviteLink: inviteLink });
+        return (React__default['default'].createElement(AddPeopleDropdown, { strings: strings, mobileView: mobileView, inviteLink: inviteLink, onAddParticipant: props.onAddParticipant, alternateCallerId: props.alternateCallerId }));
     }
     else {
         return (React__default['default'].createElement(react.Stack, { tokens: peoplePaneContainerTokens },
-            React__default['default'].createElement(AddPeopleDropdown, { strings: strings, mobileView: mobileView, inviteLink: inviteLink }),
+            React__default['default'].createElement(AddPeopleDropdown, { strings: strings, mobileView: mobileView, inviteLink: inviteLink, onAddParticipant: props.onAddParticipant, alternateCallerId: props.alternateCallerId }),
             participantList));
     }
 };
@@ -15594,9 +15592,17 @@ const PeoplePaneContent = (props) => {
     if (props.mobileView) {
         return (React__default['default'].createElement(react.Stack, { verticalFill: true, styles: peoplePaneContainerStyle, tokens: peoplePaneContainerTokens },
             React__default['default'].createElement(react.Stack.Item, { grow: true, styles: participantListContainerStyles }, participantList),
-            React__default['default'].createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings })));
+            React__default['default'].createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, 
+                /* @conditional-compile-remove(PSTN-calls) */
+                onAddParticipant: props.onAddParticipant, 
+                /* @conditional-compile-remove(PSTN-calls) */
+                alternateCallerId: props.alternateCallerId })));
     }
-    return (React__default['default'].createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings }));
+    return (React__default['default'].createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, 
+        /* @conditional-compile-remove(PSTN-calls) */
+        onAddParticipant: props.onAddParticipant, 
+        /* @conditional-compile-remove(PSTN-calls) */
+        alternateCallerId: props.alternateCallerId }));
 };
 /**
  * Create default contextual menu items for particant
@@ -15800,9 +15806,15 @@ const CallPane = (props) => {
     const removeParticipantFromCall = (participantId) => __awaiter$7(void 0, void 0, void 0, function* () {
         yield props.callAdapter.removeParticipant(participantId);
     });
+    /* @conditional-compile-remove(PSTN-calls) */
+    const addParticipantToCall = (participant, options) => __awaiter$7(void 0, void 0, void 0, function* () {
+        yield props.callAdapter.addParticipant(participant, options);
+    });
     const minMaxDragPosition = useMinMaxDragPosition(props.modalLayerHostId, props.rtl);
     const pipStyles = React.useMemo(() => getPipStyles(theme), [theme]);
     const dataUiId = props.activePane === 'people' ? 'call-composite-people-pane' : '';
+    /* @conditional-compile-remove(PSTN-calls) */
+    const alternateCallerId = useAdapter().getState().alternateCallerId;
     return (React__default['default'].createElement(react.Stack, { verticalFill: true, grow: true, styles: paneStyles, "data-ui-id": dataUiId, tokens: props.mobileView ? {} : sidePaneTokens },
         header,
         React__default['default'].createElement(react.Stack.Item, { verticalFill: true, grow: true, styles: paneBodyContainer },
@@ -15810,7 +15822,11 @@ const CallPane = (props) => {
                 React__default['default'].createElement(react.Stack.Item, { verticalFill: true, styles: scrollableContainerContents },
                     React__default['default'].createElement(react.Stack, { styles: props.activePane === 'people' ? availableSpaceStyles : hiddenStyles },
                         React__default['default'].createElement(CallAdapterProvider, { adapter: props.callAdapter },
-                            React__default['default'].createElement(PeoplePaneContent, Object.assign({}, props, { onRemoveParticipant: removeParticipantFromCall, setDrawerMenuItems: setDrawerMenuItems, strings: strings }))))))),
+                            React__default['default'].createElement(PeoplePaneContent, Object.assign({}, props, { onRemoveParticipant: removeParticipantFromCall, 
+                                /* @conditional-compile-remove(PSTN-calls) */
+                                onAddParticipant: addParticipantToCall, setDrawerMenuItems: setDrawerMenuItems, strings: strings, 
+                                /* @conditional-compile-remove(PSTN-calls) */
+                                alternateCallerId: alternateCallerId }))))))),
         props.mobileView && (React__default['default'].createElement(ModalLocalAndRemotePIP, { callAdapter: props.callAdapter, modalLayerHostId: props.modalLayerHostId, hidden: hidden, styles: pipStyles, minDragPosition: minMaxDragPosition.minDragPosition, maxDragPosition: minMaxDragPosition.maxDragPosition })),
         drawerMenuItems.length > 0 && (React__default['default'].createElement(react.Stack, { styles: drawerContainerStyles },
             React__default['default'].createElement(_DrawerMenu, { onLightDismiss: () => setDrawerMenuItems([]), items: drawerMenuItems })))));
@@ -18138,7 +18154,9 @@ function callAdapterStateFromCallWithChatAdapterState(callWithChatAdapterState)
         call: callWithChatAdapterState.call,
         devices: callWithChatAdapterState.devices,
         isTeamsCall: callWithChatAdapterState.isTeamsCall,
-        latestErrors: callWithChatAdapterState.latestCallErrors
+        latestErrors: callWithChatAdapterState.latestCallErrors,
+        /* @conditional-compile-remove(PSTN-calls) */
+        alternateCallerId: callWithChatAdapterState.alternateCallerId
     };
 }
 
@@ -18411,6 +18429,8 @@ const CallWithChatPane = (props) => {
     const paneStyles = hidden ? hiddenStyles : props.mobileView ? availableSpaceStyles : sidePaneStyles;
     const callWithChatStrings = useCallWithChatCompositeStrings();
     const theme = useTheme();
+    /* @conditional-compile-remove(PSTN-calls) */
+    const alternateCallerId = props.callAdapter.getState().alternateCallerId;
     const header = props.activePane === 'none' ? null : props.mobileView ? (React__default['default'].createElement(TabHeader, Object.assign({}, props, { strings: callWithChatStrings, activeTab: props.activePane }))) : (React__default['default'].createElement(SidePaneHeader, Object.assign({}, props, { strings: callWithChatStrings, headingText: props.activePane === 'chat'
             ? callWithChatStrings.chatPaneTitle
             : props.activePane === 'people'
@@ -18431,8 +18451,16 @@ const CallWithChatPane = (props) => {
         yield props.callAdapter.removeParticipant(participantId);
         yield props.chatAdapter.removeParticipant(participantId);
     });
+    /* @conditional-compile-remove(PSTN-calls) */
+    const addParticipantToCall = (participant, options) => __awaiter$1(void 0, void 0, void 0, function* () {
+        yield props.callAdapter.addParticipant(participant, options);
+    });
     const peopleContent = (React__default['default'].createElement(CallAdapterProvider, { adapter: props.callAdapter },
-        React__default['default'].createElement(PeoplePaneContent, Object.assign({}, props, { onRemoveParticipant: removeParticipantFromCallWithChat, setDrawerMenuItems: setDrawerMenuItems, strings: callWithChatStrings }))));
+        React__default['default'].createElement(PeoplePaneContent, Object.assign({}, props, { onRemoveParticipant: removeParticipantFromCallWithChat, setDrawerMenuItems: setDrawerMenuItems, strings: callWithChatStrings, 
+            /* @conditional-compile-remove(PSTN-calls) */
+            onAddParticipant: addParticipantToCall, 
+            /* @conditional-compile-remove(PSTN-calls) */
+            alternateCallerId: alternateCallerId }))));
     const minMaxDragPosition = useMinMaxDragPosition(props.modalLayerHostId, props.rtl);
     const pipStyles = React.useMemo(() => getPipStyles(theme), [theme]);
     const dataUiId = props.activePane === 'chat'
@@ -18620,7 +18648,9 @@ function callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter) {
         latestCallErrors: callAdapterState.latestErrors,
         latestChatErrors: chatAdapterState.latestErrors,
         /* @conditional-compile-remove(file-sharing) */
-        fileUploads: chatAdapterState.fileUploads
+        fileUploads: chatAdapterState.fileUploads,
+        /* @conditional-compile-remove(PSTN-calls) */
+        alternateCallerId: callAdapterState.alternateCallerId
     };
 }
 /**