npm - @azure/communication-react - Versions diffs - 1.14.1-alpha-202403290012 → 1.14.1-alpha-202404020012 - Mend

@azure/communication-react 1.14.1-alpha-202403290012 → 1.14.1-alpha-202404020012

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/dist/dist-cjs/communication-react/{index-qxnuqL7s.js → index-Bj9ORqhl.js} RENAMED Viewed

@@ -176,7 +176,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.14.1-alpha-202403290012';
+var telemetryVersion = '1.14.1-alpha-202404020012';
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -531,7 +531,7 @@ const getSupportedSpokenLanguages = (state, props) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$R = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$S = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -570,7 +570,7 @@ const _isPreviewOn = (deviceManager) => {
  *
  * @private
  */
-const disposeAllLocalPreviewViews = (callClient) => __awaiter$R(void 0, void 0, void 0, function* () {
+const disposeAllLocalPreviewViews = (callClient) => __awaiter$S(void 0, void 0, void 0, function* () {
     const unparentedViews = callClient.getState().deviceManager.unparentedViews;
     for (const view of unparentedViews) {
         yield callClient.disposeView(undefined, undefined, view);
@@ -777,7 +777,7 @@ const holdButtonSelector = reselect__namespace.createSelector([getCallState], (c
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$Q = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$R = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -798,7 +798,7 @@ const areStreamsEqual = (prevStream, newStream) => {
  * @private
  */
 const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager, call, options) => {
-    const onStartLocalVideo = () => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onStartLocalVideo = () => __awaiter$R(void 0, void 0, void 0, function* () {
         // Before the call object creates a stream, dispose of any local preview streams.
         // @TODO: is there any way to parent the unparented view to the call object instead
         // of disposing and creating a new stream?
@@ -818,7 +818,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield call.startVideo(stream);
         }
     });
-    const onStopLocalVideo = (stream) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onStopLocalVideo = (stream) => __awaiter$R(void 0, void 0, void 0, function* () {
         const callId = call === null || call === void 0 ? void 0 : call.id;
         if (!callId) {
             return;
@@ -827,7 +827,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield call.stopVideo(stream);
         }
     });
-    const onToggleCamera = (options) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onToggleCamera = (options) => __awaiter$R(void 0, void 0, void 0, function* () {
         const previewOn = _isPreviewOn(callClient.getState().deviceManager);
         // the disposal of the unparented views is to workaround: https://skype.visualstudio.com/SPOOL/_workitems/edit/3030558.
         // The root cause of the issue is caused by never transitioning the unparented view to the
@@ -884,19 +884,19 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onSelectMicrophone = (device) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onSelectMicrophone = (device) => __awaiter$R(void 0, void 0, void 0, function* () {
         if (!deviceManager) {
             return;
         }
         return deviceManager.selectMicrophone(device);
     });
-    const onSelectSpeaker = (device) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onSelectSpeaker = (device) => __awaiter$R(void 0, void 0, void 0, function* () {
         if (!deviceManager) {
             return;
         }
         return deviceManager.selectSpeaker(device);
     });
-    const onSelectCamera = (device, options) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onSelectCamera = (device, options) => __awaiter$R(void 0, void 0, void 0, function* () {
         if (!deviceManager) {
             return;
         }
@@ -926,9 +926,9 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }, options);
         }
     });
-    const onRaiseHand = () => __awaiter$Q(void 0, void 0, void 0, function* () { var _a; return yield ((_a = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _a === void 0 ? void 0 : _a.raiseHand()); });
-    const onLowerHand = () => __awaiter$Q(void 0, void 0, void 0, function* () { var _b; return yield ((_b = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _b === void 0 ? void 0 : _b.lowerHand()); });
-    const onToggleRaiseHand = () => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onRaiseHand = () => __awaiter$R(void 0, void 0, void 0, function* () { var _a; return yield ((_a = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _a === void 0 ? void 0 : _a.raiseHand()); });
+    const onLowerHand = () => __awaiter$R(void 0, void 0, void 0, function* () { var _b; return yield ((_b = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _b === void 0 ? void 0 : _b.lowerHand()); });
+    const onToggleRaiseHand = () => __awaiter$R(void 0, void 0, void 0, function* () {
         const raiseHandFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand);
         const localUserId = callClient.getState().userId;
         const isLocalRaisedHand = raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.getRaisedHands().find((publishedState) => toFlatCommunicationIdentifier(publishedState.identifier) === toFlatCommunicationIdentifier(localUserId));
@@ -940,7 +940,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
     });
     /* @conditional-compile-remove(reaction) */
-    const onReactionClick = (reaction) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onReactionClick = (reaction) => __awaiter$R(void 0, void 0, void 0, function* () {
         var _c;
         if (reaction === 'like' ||
             reaction === 'applause' ||
@@ -954,19 +954,19 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return;
     });
-    const onToggleMicrophone = () => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onToggleMicrophone = () => __awaiter$R(void 0, void 0, void 0, function* () {
         if (!call || !(_isInCall(call.state) || _isInLobbyOrConnecting(call.state))) {
             throw new Error(`Please invoke onToggleMicrophone after call is started`);
         }
         return call.isMuted ? yield call.unmute() : yield call.mute();
     });
-    const onStartScreenShare = () => __awaiter$Q(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.startScreenSharing()); });
-    const onStopScreenShare = () => __awaiter$Q(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
-    const onToggleScreenShare = () => __awaiter$Q(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
-    const onHangUp = (forEveryone) => __awaiter$Q(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
+    const onStartScreenShare = () => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.startScreenSharing()); });
+    const onStopScreenShare = () => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
+    const onToggleScreenShare = () => __awaiter$R(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
+    const onHangUp = (forEveryone) => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
     /* @conditional-compile-remove(PSTN-calls) */
-    const onToggleHold = () => __awaiter$Q(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.state) === 'LocalHold' ? yield (call === null || call === void 0 ? void 0 : call.resume()) : yield (call === null || call === void 0 ? void 0 : call.hold()); });
-    const onCreateLocalStreamView = (...args_1) => __awaiter$Q(void 0, [...args_1], void 0, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
+    const onToggleHold = () => __awaiter$R(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.state) === 'LocalHold' ? yield (call === null || call === void 0 ? void 0 : call.resume()) : yield (call === null || call === void 0 ? void 0 : call.hold()); });
+    const onCreateLocalStreamView = (...args_1) => __awaiter$R(void 0, [...args_1], void 0, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
         var _d;
         if (!call || call.localVideoStreams.length === 0) {
             return;
@@ -982,7 +982,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         const { view } = (_d = (yield callClient.createView(call.id, undefined, localStream, options))) !== null && _d !== void 0 ? _d : {};
         return view ? { view } : undefined;
     });
-    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter$Q(void 0, [userId_1, ...args_2], void 0, function* (userId, options = { scalingMode: 'Crop' }) {
+    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter$R(void 0, [userId_1, ...args_2], void 0, function* (userId, options = { scalingMode: 'Crop' }) {
         if (!call) {
             return;
         }
@@ -1019,7 +1019,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? { view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view } : undefined;
     });
-    const onDisposeRemoteStreamView = (userId) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onDisposeRemoteStreamView = (userId) => __awaiter$R(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -1040,7 +1040,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, participant.identifier, screenShareStream);
         }
     });
-    const onDisposeRemoteVideoStreamView = (userId) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onDisposeRemoteVideoStreamView = (userId) => __awaiter$R(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -1057,7 +1057,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, participant.identifier, remoteVideoStream);
         }
     });
-    const onDisposeRemoteScreenShareStreamView = (userId) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onDisposeRemoteScreenShareStreamView = (userId) => __awaiter$R(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -1074,7 +1074,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, participant.identifier, screenShareStream);
         }
     });
-    const onDisposeLocalStreamView = () => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onDisposeLocalStreamView = () => __awaiter$R(void 0, void 0, void 0, function* () {
         // If the user is currently in a call, dispose of the local stream view attached to that call.
         const callState = call && callClient.getState().calls[call.id];
         const localStream = callState === null || callState === void 0 ? void 0 : callState.localVideoStreams.find((item) => item.mediaStreamType === 'Video');
@@ -1086,17 +1086,17 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         // TODO: we need to remember which LocalVideoStream was used for LocalPreview and dispose that one.
         yield disposeAllLocalPreviewViews(callClient);
     });
-    const onSendDtmfTone = (dtmfTone) => __awaiter$Q(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.sendDtmf(dtmfTone)); });
+    const onSendDtmfTone = (dtmfTone) => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.sendDtmf(dtmfTone)); });
     const notImplemented = () => {
         throw new Error('Not implemented, cannot call a method from an abstract object');
     };
     /* @conditional-compile-remove(call-readiness) */
-    const askDevicePermission = (constrain) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const askDevicePermission = (constrain) => __awaiter$R(void 0, void 0, void 0, function* () {
         if (deviceManager) {
             yield (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.askDevicePermission(constrain));
         }
     });
-    const onRemoveVideoBackgroundEffects = () => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onRemoveVideoBackgroundEffects = () => __awaiter$R(void 0, void 0, void 0, function* () {
         const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
@@ -1108,7 +1108,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter$R(void 0, void 0, void 0, function* () {
         var _e;
         const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
@@ -1121,7 +1121,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             return createEffect && stream.feature(communicationCalling.Features.VideoEffects).startEffects(createEffect(backgroundBlurConfig));
         }
     });
-    const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter$R(void 0, void 0, void 0, function* () {
         var _f;
         const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
@@ -1135,39 +1135,39 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
     });
     /* @conditional-compile-remove(close-captions) */
-    const onStartCaptions = (options) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onStartCaptions = (options) => __awaiter$R(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.startCaptions(options));
     });
     /* @conditional-compile-remove(close-captions) */
-    const onStopCaptions = () => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onStopCaptions = () => __awaiter$R(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.stopCaptions());
     });
     /* @conditional-compile-remove(close-captions) */
-    const onSetSpokenLanguage = (language) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onSetSpokenLanguage = (language) => __awaiter$R(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.setSpokenLanguage(language));
     });
     /* @conditional-compile-remove(close-captions) */
-    const onSetCaptionLanguage = (language) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onSetCaptionLanguage = (language) => __awaiter$R(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield captionsFeature.setCaptionLanguage(language);
     });
     /* @conditional-compile-remove(end-of-call-survey) */
-    const onSubmitSurvey = (survey) => __awaiter$Q(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.CallSurvey).submitSurvey(survey)); });
+    const onSubmitSurvey = (survey) => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.CallSurvey).submitSurvey(survey)); });
     /* @conditional-compile-remove(spotlight) */
-    const onStartSpotlight = (userIds) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onStartSpotlight = (userIds) => __awaiter$R(void 0, void 0, void 0, function* () {
         const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).startSpotlight(participants));
     });
     /* @conditional-compile-remove(spotlight) */
-    const onStopSpotlight = (userIds) => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onStopSpotlight = (userIds) => __awaiter$R(void 0, void 0, void 0, function* () {
         const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight(participants));
     });
     /* @conditional-compile-remove(spotlight) */
-    const onStopAllSpotlight = () => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onStopAllSpotlight = () => __awaiter$R(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopAllSpotlight());
     });
     /* @conditional-compile-remove(spotlight) */
@@ -1176,24 +1176,24 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
     const canRemoveSpotlight = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Capabilities).capabilities.removeParticipantsSpotlight.isPresent;
     /* @conditional-compile-remove(spotlight) */
     const onStartLocalSpotlight = canStartSpotlight
-        ? () => __awaiter$Q(void 0, void 0, void 0, function* () {
+        ? () => __awaiter$R(void 0, void 0, void 0, function* () {
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).startSpotlight());
         })
         : undefined;
     /* @conditional-compile-remove(spotlight) */
-    const onStopLocalSpotlight = () => __awaiter$Q(void 0, void 0, void 0, function* () {
+    const onStopLocalSpotlight = () => __awaiter$R(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight());
     });
     /* @conditional-compile-remove(spotlight) */
     const onStartRemoteSpotlight = canStartSpotlight
-        ? (userIds) => __awaiter$Q(void 0, void 0, void 0, function* () {
+        ? (userIds) => __awaiter$R(void 0, void 0, void 0, function* () {
             const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).startSpotlight(participants));
         })
         : undefined;
     /* @conditional-compile-remove(spotlight) */
     const onStopRemoteSpotlight = canRemoveSpotlight
-        ? (userIds) => __awaiter$Q(void 0, void 0, void 0, function* () {
+        ? (userIds) => __awaiter$R(void 0, void 0, void 0, function* () {
             const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight(participants));
         })
@@ -1261,7 +1261,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$P = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$Q = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1287,7 +1287,7 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
             return callAgent === null || callAgent === void 0 ? void 0 : callAgent.startCall(participants, options);
         },
         /* @conditional-compile-remove(PSTN-calls) */
-        onAddParticipant: (userId, options) => __awaiter$P(void 0, void 0, void 0, function* () {
+        onAddParticipant: (userId, options) => __awaiter$Q(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             if (communicationCommon.isPhoneNumberIdentifier(participant)) {
                 call === null || call === void 0 ? void 0 : call.addParticipant(participant, options);
@@ -1295,7 +1295,7 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
             else if (communicationCommon.isCommunicationUserIdentifier(participant) || communicationCommon.isMicrosoftTeamsUserIdentifier(participant)) {
                 call === null || call === void 0 ? void 0 : call.addParticipant(participant);
             }
-        }), onRemoveParticipant: (userId) => __awaiter$P(void 0, void 0, void 0, function* () {
+        }), onRemoveParticipant: (userId) => __awaiter$Q(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
         }) });
@@ -1303,7 +1303,7 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$O = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$P = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1335,7 +1335,7 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
         },
         /* @conditional-compile-remove(teams-identity-support) */
         /* @conditional-compile-remove(PSTN-calls) */
-        onAddParticipant: (userId, options) => __awaiter$O(void 0, void 0, void 0, function* () {
+        onAddParticipant: (userId, options) => __awaiter$P(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             /* @conditional-compile-remove(teams-identity-support) */
             const threadId = options === null || options === void 0 ? void 0 : options.threadId;
@@ -1351,7 +1351,7 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
             }
             /* @conditional-compile-remove(teams-identity-support) */
             call === null || call === void 0 ? void 0 : call.addParticipant(participant);
-        }), onRemoveParticipant: (userId) => __awaiter$O(void 0, void 0, void 0, function* () {
+        }), onRemoveParticipant: (userId) => __awaiter$P(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             if (communicationCommon.isCommunicationUserIdentifier(participant)) {
                 throw new Error('CommunicationIdentifier in Teams call is not supported!');
@@ -1442,7 +1442,7 @@ const getCaptionsSpeakerIdentifier = (captions) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$N = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$O = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1491,13 +1491,13 @@ class ProxyDeviceManager {
         this.selectCamera = (videoDeviceInfo) => {
             this._context.setDeviceManagerSelectedCamera(videoDeviceInfo);
         };
-        this.videoDevicesUpdated = () => __awaiter$N(this, void 0, void 0, function* () {
+        this.videoDevicesUpdated = () => __awaiter$O(this, void 0, void 0, function* () {
             // Device Manager always has a camera with '' name if there are no real camera devices available.
             // We don't want to show that in the UI.
             const realCameras = (yield this._deviceManager.getCameras()).filter((c) => !!c.name);
             this._context.setDeviceManagerCameras(dedupeById(realCameras));
         });
-        this.audioDevicesUpdated = () => __awaiter$N(this, void 0, void 0, function* () {
+        this.audioDevicesUpdated = () => __awaiter$O(this, void 0, void 0, function* () {
             this._context.setDeviceManagerMicrophones(dedupeById(yield this._deviceManager.getMicrophones()));
             this._context.setDeviceManagerSpeakers(dedupeById(yield this._deviceManager.getSpeakers()));
         });
@@ -1901,7 +1901,7 @@ function convertFromSDKToRaisedHandState(raisedHand) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$M = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$N = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1918,6 +1918,11 @@ immer.enablePatches();
  * @private
  */
 const MAX_CALL_HISTORY_LENGTH = 10;
+/* @conditional-compile-remove(reaction) */
+/**
+ * @private
+ */
+const REACTION_ANIMATION_TIME_MS = 4133;
 /**
  * @private
  */
@@ -2298,7 +2303,7 @@ let CallContext$2 = class CallContext {
             if (reactionMessage) {
                 this._timeOutId[participantKey] = setTimeout(() => {
                     clearParticipantReactionState(this, callId, participantKey);
-                }, 5120);
+                }, REACTION_ANIMATION_TIME_MS);
             }
         });
     }
@@ -2799,7 +2804,7 @@ let CallContext$2 = class CallContext {
      * @throws CallError. Exceptions thrown from `f` are tagged with the failed `target.
      */
     withAsyncErrorTeedToState(action, target) {
-        return (...args) => __awaiter$M(this, void 0, void 0, function* () {
+        return (...args) => __awaiter$N(this, void 0, void 0, function* () {
             try {
                 return yield action(...args);
             }
@@ -3284,7 +3289,7 @@ function _logStreamEvent(eventName, streamLogInfo, error) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$L = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$M = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -3294,7 +3299,7 @@ var __awaiter$L = (window && window.__awaiter) || function (thisArg, _arguments,
     });
 };
 function createViewVideo(context, internalContext, callId, stream, participantId, options) {
-    return __awaiter$L(this, void 0, void 0, function* () {
+    return __awaiter$M(this, void 0, void 0, function* () {
         // we can only have 3 types of createView
         let streamEventType;
         // we will reuse these for local as well but we need to make sure the remote stream is passed in like before.
@@ -3423,7 +3428,7 @@ function createViewVideo(context, internalContext, callId, stream, participantId
     });
 }
 function createViewUnparentedVideo(context, internalContext, stream, options) {
-    return __awaiter$L(this, void 0, void 0, function* () {
+    return __awaiter$M(this, void 0, void 0, function* () {
         const renderInfo = internalContext.getUnparentedRenderInfo(stream);
         if (renderInfo && renderInfo.status === 'Rendered') {
             console.warn('Unparented LocalVideoStream is already rendered');
@@ -3592,7 +3597,7 @@ function createView(context, internalContext, callId, participantId, stream, opt
         // Render LocalVideoStream that is not part of a Call
         // Because it is not part of the call we don't tee errors to state naturally (e.g. via a Call Client function such as startVideo).
         // We do not have a startLocalPreviewVideo function, so as a workaround we ensure any errors are propagated here.
-        return context.withAsyncErrorTeedToState(() => __awaiter$L(this, void 0, void 0, function* () { return yield createViewUnparentedVideo(context, internalContext, stream, options); }), 'Call.startVideo')();
+        return context.withAsyncErrorTeedToState(() => __awaiter$M(this, void 0, void 0, function* () { return yield createViewUnparentedVideo(context, internalContext, stream, options); }), 'Call.startVideo')();
     }
     else {
         _logStreamEvent(EventNames.CREATE_STREAM_INVALID_PARAMS, { streamType });
@@ -3778,7 +3783,7 @@ class RecordingSubscriber {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$K = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$L = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -3803,7 +3808,7 @@ class PPTLiveSubscriber {
             this._context.setCallPPTLiveActive(this._callIdRef.callId, this._pptLive.isActive);
             this.checkAndUpdatePPTLiveParticipant();
         };
-        this.checkAndUpdatePPTLiveParticipant = () => __awaiter$K(this, void 0, void 0, function* () {
+        this.checkAndUpdatePPTLiveParticipant = () => __awaiter$L(this, void 0, void 0, function* () {
             if (this._pptLive.isActive) {
                 // TODO： need to refactor if Web Calling SDK has this logic ready
                 if (this._call.isScreenSharingOn) {
@@ -4015,7 +4020,7 @@ class CapabilitiesSubscriber {
  * @private
  */
 class ReactionSubscriber {
-    constructor(callIdRef, context, raiseHand) {
+    constructor(callIdRef, context, reaction) {
         this.subscribe = () => {
             this._reaction.on('reaction', this.onReactionEvent);
         };
@@ -4027,7 +4032,7 @@ class ReactionSubscriber {
         };
         this._callIdRef = callIdRef;
         this._context = context;
-        this._reaction = raiseHand;
+        this._reaction = reaction;
         this.subscribe();
     }
 }
@@ -4312,7 +4317,7 @@ class CallSubscriber {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$J = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$K = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -4332,14 +4337,14 @@ class ProxyIncomingCall {
         switch (prop) {
             case 'accept': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.accept(...args);
                     });
                 }, 'IncomingCall.accept');
             }
             case 'reject': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.reject(...args);
                     });
                 }, 'IncomingCall.reject');
@@ -4580,7 +4585,7 @@ const clearCallRelatedState = (context, internalContext) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$I = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$J = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -4606,56 +4611,56 @@ class ProxyCallCommon {
         switch (prop) {
             case 'mute': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$I(this, void 0, void 0, function* () {
+                    return __awaiter$J(this, void 0, void 0, function* () {
                         return yield target.mute(...args);
                     });
                 }, 'Call.mute');
             }
             case 'unmute': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$I(this, void 0, void 0, function* () {
+                    return __awaiter$J(this, void 0, void 0, function* () {
                         return yield target.unmute(...args);
                     });
                 }, 'Call.unmute');
             }
             case 'startVideo': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$I(this, void 0, void 0, function* () {
+                    return __awaiter$J(this, void 0, void 0, function* () {
                         return yield target.startVideo(...args);
                     });
                 }, 'Call.startVideo');
             }
             case 'stopVideo': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$I(this, void 0, void 0, function* () {
+                    return __awaiter$J(this, void 0, void 0, function* () {
                         return yield target.stopVideo(...args);
                     });
                 }, 'Call.stopVideo');
             }
             case 'startScreenSharing': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$I(this, void 0, void 0, function* () {
+                    return __awaiter$J(this, void 0, void 0, function* () {
                         return yield target.startScreenSharing(...args);
                     });
                 }, 'Call.startScreenSharing');
             }
             case 'stopScreenSharing': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$I(this, void 0, void 0, function* () {
+                    return __awaiter$J(this, void 0, void 0, function* () {
                         return yield target.stopScreenSharing(...args);
                     });
                 }, 'Call.stopScreenSharing');
             }
             case 'hold': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$I(this, void 0, void 0, function* () {
+                    return __awaiter$J(this, void 0, void 0, function* () {
                         return yield target.hold(...args);
                     });
                 }, 'Call.hold');
             }
             case 'resume': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$I(this, void 0, void 0, function* () {
+                    return __awaiter$J(this, void 0, void 0, function* () {
                         return yield target.resume(...args);
                     });
                 }, 'Call.resume');
@@ -4707,7 +4712,7 @@ class ProxyTeamsCaptions {
     get(target, prop) {
         switch (prop) {
             case 'startCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$I(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
                     var _a, _b;
                     this._context.setStartCaptionsInProgress(this._call.id, true);
                     const ret = yield target.startCaptions(...args);
@@ -4715,7 +4720,7 @@ class ProxyTeamsCaptions {
                     return ret;
                 }), 'Call.feature');
             case 'stopCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$I(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
                     const ret = yield target.stopCaptions(...args);
                     this._context.setIsCaptionActive(this._call.id, false);
                     this._context.setStartCaptionsInProgress(this._call.id, false);
@@ -4723,13 +4728,13 @@ class ProxyTeamsCaptions {
                     return ret;
                 }), 'Call.feature');
             case 'setSpokenLanguage':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$I(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
                     const ret = yield target.setSpokenLanguage(...args);
                     this._context.setSelectedSpokenLanguage(this._call.id, args[0]);
                     return ret;
                 }), 'Call.feature');
             case 'setCaptionLanguage':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$I(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
                     const ret = yield target.setCaptionLanguage(...args);
                     this._context.setSelectedCaptionLanguage(this._call.id, args[0]);
                     return ret;
@@ -4751,7 +4756,7 @@ class ProxyCaptions {
     get(target, prop) {
         switch (prop) {
             case 'startCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$I(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
                     var _a, _b;
                     this._context.setStartCaptionsInProgress(this._call.id, true);
                     const ret = yield target.startCaptions(...args);
@@ -4759,7 +4764,7 @@ class ProxyCaptions {
                     return ret;
                 }), 'Call.feature');
             case 'stopCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$I(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
                     const ret = yield target.stopCaptions(...args);
                     this._context.setIsCaptionActive(this._call.id, false);
                     this._context.setStartCaptionsInProgress(this._call.id, false);
@@ -4767,7 +4772,7 @@ class ProxyCaptions {
                     return ret;
                 }), 'Call.feature');
             case 'setSpokenLanguage':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$I(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
                     const ret = yield target.setSpokenLanguage(...args);
                     this._context.setSelectedSpokenLanguage(this._call.id, args[0]);
                     return ret;
@@ -4788,12 +4793,12 @@ class ProxySpotlightCallFeature {
     get(target, prop) {
         switch (prop) {
             case 'startSpotlight':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$I(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
                     const ret = yield target.startSpotlight(...args);
                     return ret;
                 }), 'Call.feature');
             case 'stopSpotlight':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$I(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
                     const ret = yield target.stopSpotlight(...args);
                     return ret;
                 }), 'Call.feature');
@@ -4836,7 +4841,7 @@ class ProxyTransferCallFeature {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$H = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$I = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -4850,7 +4855,7 @@ class ProxyCall extends ProxyCallCommon {
         switch (prop) {
             case 'addParticipant': {
                 return this.getContext().withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$H(this, void 0, void 0, function* () {
+                    return __awaiter$I(this, void 0, void 0, function* () {
                         return yield target.addParticipant(...args);
                     });
                 }, 'Call.addParticipant');
@@ -5085,7 +5090,7 @@ class InternalCallContext {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$G = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$H = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -5100,7 +5105,7 @@ class ProxyTeamsCall extends ProxyCallCommon {
         switch (prop) {
             case 'addParticipant': {
                 return this.getContext().withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$G(this, void 0, void 0, function* () {
+                    return __awaiter$H(this, void 0, void 0, function* () {
                         return yield target.addParticipant(...args);
                     });
                 }, 'TeamsCall.addParticipant');
@@ -5217,7 +5222,7 @@ const teamsCallAgentDeclaratify = (callAgent, context, internalContext) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$F = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$G = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -5239,7 +5244,7 @@ class ProxyVideoStreamRendererView {
     get(target, prop) {
         switch (prop) {
             case 'updateScalingMode': {
-                return (...args) => __awaiter$F(this, void 0, void 0, function* () {
+                return (...args) => __awaiter$G(this, void 0, void 0, function* () {
                     yield target.updateScalingMode(...args);
                     this._context.setRemoteVideoStreamViewScalingMode(this._callId, this._participantId, this._streamId, args[0]);
                 });
@@ -5260,7 +5265,7 @@ const videoStreamRendererViewDeclaratify = (view, context, callId, participantId
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$E = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$F = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -5282,7 +5287,7 @@ class ProxyCallClient {
     get(target, prop) {
         switch (prop) {
             case 'createCallAgent': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$E(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$F(this, void 0, void 0, function* () {
                     // createCallAgent will throw an exception if the previous callAgent was not disposed. If the previous
                     // callAgent was disposed then it would have unsubscribed to events so we can just create a new declarative
                     // callAgent if the createCallAgent succeeds.
@@ -5295,7 +5300,7 @@ class ProxyCallClient {
                 }), 'CallClient.createCallAgent');
             }
             case 'createTeamsCallAgent': {
-                /* @conditional-compile-remove(teams-identity-support) */ return this._context.withAsyncErrorTeedToState((...args) => __awaiter$E(this, void 0, void 0, function* () {
+                /* @conditional-compile-remove(teams-identity-support) */ return this._context.withAsyncErrorTeedToState((...args) => __awaiter$F(this, void 0, void 0, function* () {
                     // createCallAgent will throw an exception if the previous callAgent was not disposed. If the previous
                     // callAgent was disposed then it would have unsubscribed to events so we can just create a new declarative
                     // callAgent if the createCallAgent succeeds.
@@ -5308,7 +5313,7 @@ class ProxyCallClient {
                 }), 'CallClient.createTeamsCallAgent');
             }
             case 'getDeviceManager': {
-                return this._context.withAsyncErrorTeedToState(() => __awaiter$E(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState(() => __awaiter$F(this, void 0, void 0, function* () {
                     // As of writing, the SDK always returns the same instance of DeviceManager so we keep a reference of
                     // DeviceManager and if it does not change we return the cached DeclarativeDeviceManager. If it does not we'll
                     // throw an error that indicate we need to fix this issue as our implementation has diverged from the SDK.
@@ -5337,7 +5342,7 @@ class ProxyCallClient {
                         /**
                          * add to this object if we want to proxy anything else off the DebugInfo feature object.
                          */
-                        return Object.assign(Object.assign({}, feature), { getEnvironmentInfo: () => __awaiter$E(this, void 0, void 0, function* () {
+                        return Object.assign(Object.assign({}, feature), { getEnvironmentInfo: () => __awaiter$F(this, void 0, void 0, function* () {
                                 const environmentInfo = yield feature.getEnvironmentInfo();
                                 this._context.setEnvironmentInfo(environmentInfo);
                                 return environmentInfo;
@@ -5398,7 +5403,7 @@ const createStatefulCallClientWithDeps = (callClient, context, internalContext)
     });
     Object.defineProperty(callClient, 'createView', {
         configurable: false,
-        value: (callId, participantId, stream, options) => __awaiter$E(void 0, void 0, void 0, function* () {
+        value: (callId, participantId, stream, options) => __awaiter$F(void 0, void 0, void 0, function* () {
             const participantIdKind = participantId ? communicationCommon.getIdentifierKind(participantId) : undefined;
             const result = yield createView(context, internalContext, callId, participantIdKind, stream, options);
             // We only need to declaratify the VideoStreamRendererView object for remote participants. Because the updateScalingMode only needs to be called on remote participant stream views.
@@ -5631,7 +5636,7 @@ const typingIndicatorStringStyle = react.mergeStyles({
     wordBreak: 'break-word'
 });
-var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold",attendeeRole:"Attendee"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={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$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var richTextSendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",boldTooltip:"Bold",italicTooltip:"Italic",underlineTooltip:"Underline",bulletListTooltip:"Bulleted list",numberListTooltip:"Numbered list",increaseIndentTooltip:"Increase indent",decreaseIndentTooltip:"Decrease indent",insertTableTooltip:"Insert table",richTextFormatButtonTooltip:"Format",insertRowOrColumnMenu:"Insert",insertTableMenuTitle:"Insert {column} x {row} table",insertRowAboveMenu:"Insert above",insertRowBelowMenu:"Insert below",insertColumnLeftMenu:"Insert left",insertColumnRightMenu:"Insert right",deleteRowOrColumnMenu:"Delete",deleteColumnMenu:"Delete column",deleteRowMenu:"Delete row",deleteTableMenu:"Delete table"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageOverlay$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={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$k={label:"Leave",tooltipContent:"Leave call"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",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",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",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",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={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$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var reactionButton$k={label:"React",ariaLabel:"React Button, Send a reaction",tooltipDisabledContent:"Reaction action is disabled",tooltipContent:"Send a reaction",likeReactionTooltipContent:"Like",heartReactionTooltipContent:"Love",laughReactionTooltipContent:"Laugh",applauseReactionTooltipContent:"Applause",surprisedReactionTooltipContent:"Surprised"};var messageThread$k={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:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadAttachment:"Download file",openAttachment:"Open file",blockedWarningText:"This message was deleted due to organizational policy.",blockedWarningLinkText:"Details",attachmentCardGroupMessage:"The message has {attachmentCount} attachment",messageDeletedAnnouncementAriaLabel:"The message is deleted"};var errorBar$k={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:"There was an issue starting screen share.",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.",callMicrophoneAccessDeniedSafari:"Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",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.",callCameraAccessDeniedSafari:"Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",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.",cameraFrozenForRemoteParticipants:"Users in the call are having issues seeing your video. Please check your devices and network.",unableToStartVideoEffect:"Unable to apply video effect.",startSpotlightWhileMaxParticipantsAreSpotlighted:"Cannot start spotlight on participant(s) because the maximum number of participants are already spotlighted."};var videoGallery$k={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",fitRemoteParticipantToFrame:"Fit to frame",fillRemoteParticipantFrame:"Fill frame",pinParticipantForMe:"Pin for me",pinParticipantForMeLimitReached:"Pin (limit reached)",unpinParticipantForMe:"Unpin",pinParticipantMenuItemAriaLabel:"Pin {participantName}",unpinParticipantMenuItemAriaLabel:"Unpin {participantName}",pinnedParticipantAnnouncementAriaLabel:"Pinned {participantName}",unpinnedParticipantAnnouncementAriaLabel:"Unpinned {participantName}",startSpotlightVideoTileMenuLabel:"Spotlight for everyone",addSpotlightVideoTileMenuLabel:"Add spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopSpotlightVideoTileMenuLabel:"Stop spotlighting",stopSpotlightOnSelfVideoTileMenuLabel:"Exit spotlight",attendeeRole:"Attendee"};var dialpad$k={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$k={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$k={participantStateRinging:"Calling...",participantStateHold:"On hold"};var CameraAndMicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera and microphone",secondaryText:"This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Allow camera and microphone access"};var CameraSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera",secondaryText:"This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Allow camera access"};var MicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your microphone",secondaryText:"This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Allow microphone access"};var CameraAndMicrophoneSitePermissionsCheck$k={primaryText:"Checking for camera and microphone access",secondaryText:"Allow access if prompted. This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Checking for camera and microphone access. Allow access if prompted."};var CameraSitePermissionsCheck$k={primaryText:"Checking for camera access",secondaryText:"Allow access if prompted. This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Checking for camera access. Allow access if prompted."};var MicrophoneSitePermissionsCheck$k={primaryText:"Checking for microphone access",secondaryText:"Allow access if prompted. This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Checking for microphone access. Allow access if prompted."};var CameraAndMicrophoneSitePermissionsDenied$k={primaryText:"Unable to access camera and microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraAndMicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera and microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDenied$k={primaryText:"Unable to access camera",secondaryText:"Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDenied$k={primaryText:"Unable to access microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var UnsupportedBrowser$l={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$l={primaryText:"Browser update needed",secondaryText:"To ensure the best call possible, please update your browser and then try joining the call again.",moreHelpLinkText:"See compatibility requirements",continueAnywayButtonText:"Start call without updating"};var UnsupportedOperatingSystem$l={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$k={primaryText:"Can't use your camera or microphone",secondaryText:"Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",primaryButtonText:"Try again",linkText:"Need help? Get troubleshooting help"};var BrowserPermissionDeniedIOS$k={primaryText:"Allow microphone access to continue",secondaryText:"So other participants can hear you.",primaryButtonText:"Try again",imageAltText:"Microphone and camera device permission location for iOS",linkText:"Need help? Get troubleshooting help",step1Text:"Go to the Settings app",step2Text:"Scroll down to settings for this browser",step3Text:"Turn on Microphone (Camera optional)",step4Text:"Try joining the call again",step1DigitText:"1",step2DigitText:"2",step3DigitText:"3",step4DigitText:"4"};var verticalGallery$k={leftNavButtonAriaLabel:"previous page",rightNavButtonAriaLabel:"next page"};var en_US$1 = {participantItem:participantItem$k,ParticipantList:ParticipantList$l,typingIndicator:typingIndicator$k,sendBox:sendBox$k,richTextSendBox:richTextSendBox$k,mentionPopover:mentionPopover$k,imageOverlay:imageOverlay$k,messageStatusIndicator:messageStatusIndicator$k,endCallButton:endCallButton$k,cameraButton:cameraButton$k,microphoneButton:microphoneButton$k,devicesButton:devicesButton$k,participantsButton:participantsButton$k,screenShareButton:screenShareButton$k,raiseHandButton:raiseHandButton$k,reactionButton:reactionButton$k,messageThread:messageThread$k,errorBar:errorBar$k,videoGallery:videoGallery$k,dialpad:dialpad$k,holdButton:holdButton$k,videoTile:videoTile$k,CameraAndMicrophoneSitePermissionsRequest:CameraAndMicrophoneSitePermissionsRequest$k,CameraSitePermissionsRequest:CameraSitePermissionsRequest$k,MicrophoneSitePermissionsRequest:MicrophoneSitePermissionsRequest$k,CameraAndMicrophoneSitePermissionsCheck:CameraAndMicrophoneSitePermissionsCheck$k,CameraSitePermissionsCheck:CameraSitePermissionsCheck$k,MicrophoneSitePermissionsCheck:MicrophoneSitePermissionsCheck$k,CameraAndMicrophoneSitePermissionsDenied:CameraAndMicrophoneSitePermissionsDenied$k,CameraAndMicrophoneSitePermissionsDeniedSafari:CameraAndMicrophoneSitePermissionsDeniedSafari$k,CameraSitePermissionsDenied:CameraSitePermissionsDenied$k,MicrophoneSitePermissionsDenied:MicrophoneSitePermissionsDenied$k,CameraSitePermissionsDeniedSafari:CameraSitePermissionsDeniedSafari$k,MicrophoneSitePermissionsDeniedSafari:MicrophoneSitePermissionsDeniedSafari$k,UnsupportedBrowser:UnsupportedBrowser$l,UnsupportedBrowserVersion:UnsupportedBrowserVersion$l,UnsupportedOperatingSystem:UnsupportedOperatingSystem$l,BrowserPermissionDenied:BrowserPermissionDenied$k,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$k,verticalGallery:verticalGallery$k};
+var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold",attendeeRole:"Attendee"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={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$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var richTextSendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",boldTooltip:"Bold",italicTooltip:"Italic",underlineTooltip:"Underline",bulletListTooltip:"Bulleted list",numberListTooltip:"Numbered list",increaseIndentTooltip:"Increase indent",decreaseIndentTooltip:"Decrease indent",insertTableTooltip:"Insert table",richTextFormatButtonTooltip:"Format",insertRowOrColumnMenu:"Insert",insertTableMenuTitle:"Insert {column} x {row} table",insertRowAboveMenu:"Insert above",insertRowBelowMenu:"Insert below",insertColumnLeftMenu:"Insert left",insertColumnRightMenu:"Insert right",deleteRowOrColumnMenu:"Delete",deleteColumnMenu:"Delete column",deleteRowMenu:"Delete row",deleteTableMenu:"Delete table"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageOverlay$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={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$k={label:"Leave",tooltipContent:"Leave call",leaveOption:"Leave",endCallOption:"End call"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",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",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",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",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={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$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var reactionButton$k={label:"React",ariaLabel:"React Button, Send a reaction",tooltipDisabledContent:"Reaction action is disabled",tooltipContent:"Send a reaction",likeReactionTooltipContent:"Like",heartReactionTooltipContent:"Love",laughReactionTooltipContent:"Laugh",applauseReactionTooltipContent:"Applause",surprisedReactionTooltipContent:"Surprised"};var messageThread$k={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:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadAttachment:"Download file",openAttachment:"Open file",blockedWarningText:"This message was deleted due to organizational policy.",blockedWarningLinkText:"Details",attachmentCardGroupMessage:"The message has {attachmentCount} attachment",messageDeletedAnnouncementAriaLabel:"The message is deleted"};var errorBar$k={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:"There was an issue starting screen share.",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.",callMicrophoneAccessDeniedSafari:"Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",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.",callCameraAccessDeniedSafari:"Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",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.",cameraFrozenForRemoteParticipants:"Users in the call are having issues seeing your video. Please check your devices and network.",unableToStartVideoEffect:"Unable to apply video effect.",startSpotlightWhileMaxParticipantsAreSpotlighted:"Cannot start spotlight on participant(s) because the maximum number of participants are already spotlighted."};var videoGallery$k={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",fitRemoteParticipantToFrame:"Fit to frame",fillRemoteParticipantFrame:"Fill frame",pinParticipantForMe:"Pin for me",pinParticipantForMeLimitReached:"Pin (limit reached)",unpinParticipantForMe:"Unpin",pinParticipantMenuItemAriaLabel:"Pin {participantName}",unpinParticipantMenuItemAriaLabel:"Unpin {participantName}",pinnedParticipantAnnouncementAriaLabel:"Pinned {participantName}",unpinnedParticipantAnnouncementAriaLabel:"Unpinned {participantName}",startSpotlightVideoTileMenuLabel:"Spotlight for everyone",addSpotlightVideoTileMenuLabel:"Add spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopSpotlightVideoTileMenuLabel:"Stop spotlighting",stopSpotlightOnSelfVideoTileMenuLabel:"Exit spotlight",attendeeRole:"Attendee"};var dialpad$k={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$k={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$k={participantStateRinging:"Calling...",participantStateHold:"On hold"};var CameraAndMicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera and microphone",secondaryText:"This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Allow camera and microphone access"};var CameraSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera",secondaryText:"This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Allow camera access"};var MicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your microphone",secondaryText:"This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Allow microphone access"};var CameraAndMicrophoneSitePermissionsCheck$k={primaryText:"Checking for camera and microphone access",secondaryText:"Allow access if prompted. This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Checking for camera and microphone access. Allow access if prompted."};var CameraSitePermissionsCheck$k={primaryText:"Checking for camera access",secondaryText:"Allow access if prompted. This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Checking for camera access. Allow access if prompted."};var MicrophoneSitePermissionsCheck$k={primaryText:"Checking for microphone access",secondaryText:"Allow access if prompted. This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Checking for microphone access. Allow access if prompted."};var CameraAndMicrophoneSitePermissionsDenied$k={primaryText:"Unable to access camera and microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraAndMicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera and microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDenied$k={primaryText:"Unable to access camera",secondaryText:"Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDenied$k={primaryText:"Unable to access microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var UnsupportedBrowser$l={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$l={primaryText:"Browser update needed",secondaryText:"To ensure the best call possible, please update your browser and then try joining the call again.",moreHelpLinkText:"See compatibility requirements",continueAnywayButtonText:"Start call without updating"};var UnsupportedOperatingSystem$l={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$k={primaryText:"Can't use your camera or microphone",secondaryText:"Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",primaryButtonText:"Try again",linkText:"Need help? Get troubleshooting help"};var BrowserPermissionDeniedIOS$k={primaryText:"Allow microphone access to continue",secondaryText:"So other participants can hear you.",primaryButtonText:"Try again",imageAltText:"Microphone and camera device permission location for iOS",linkText:"Need help? Get troubleshooting help",step1Text:"Go to the Settings app",step2Text:"Scroll down to settings for this browser",step3Text:"Turn on Microphone (Camera optional)",step4Text:"Try joining the call again",step1DigitText:"1",step2DigitText:"2",step3DigitText:"3",step4DigitText:"4"};var verticalGallery$k={leftNavButtonAriaLabel:"previous page",rightNavButtonAriaLabel:"next page"};var en_US$1 = {participantItem:participantItem$k,ParticipantList:ParticipantList$l,typingIndicator:typingIndicator$k,sendBox:sendBox$k,richTextSendBox:richTextSendBox$k,mentionPopover:mentionPopover$k,imageOverlay:imageOverlay$k,messageStatusIndicator:messageStatusIndicator$k,endCallButton:endCallButton$k,cameraButton:cameraButton$k,microphoneButton:microphoneButton$k,devicesButton:devicesButton$k,participantsButton:participantsButton$k,screenShareButton:screenShareButton$k,raiseHandButton:raiseHandButton$k,reactionButton:reactionButton$k,messageThread:messageThread$k,errorBar:errorBar$k,videoGallery:videoGallery$k,dialpad:dialpad$k,holdButton:holdButton$k,videoTile:videoTile$k,CameraAndMicrophoneSitePermissionsRequest:CameraAndMicrophoneSitePermissionsRequest$k,CameraSitePermissionsRequest:CameraSitePermissionsRequest$k,MicrophoneSitePermissionsRequest:MicrophoneSitePermissionsRequest$k,CameraAndMicrophoneSitePermissionsCheck:CameraAndMicrophoneSitePermissionsCheck$k,CameraSitePermissionsCheck:CameraSitePermissionsCheck$k,MicrophoneSitePermissionsCheck:MicrophoneSitePermissionsCheck$k,CameraAndMicrophoneSitePermissionsDenied:CameraAndMicrophoneSitePermissionsDenied$k,CameraAndMicrophoneSitePermissionsDeniedSafari:CameraAndMicrophoneSitePermissionsDeniedSafari$k,CameraSitePermissionsDenied:CameraSitePermissionsDenied$k,MicrophoneSitePermissionsDenied:MicrophoneSitePermissionsDenied$k,CameraSitePermissionsDeniedSafari:CameraSitePermissionsDeniedSafari$k,MicrophoneSitePermissionsDeniedSafari:MicrophoneSitePermissionsDeniedSafari$k,UnsupportedBrowser:UnsupportedBrowser$l,UnsupportedBrowserVersion:UnsupportedBrowserVersion$l,UnsupportedOperatingSystem:UnsupportedOperatingSystem$l,BrowserPermissionDenied:BrowserPermissionDenied$k,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$k,verticalGallery:verticalGallery$k};
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -5889,13 +5894,6 @@ const formatInlineElements = (str, vars) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/**
- * @private
- *
- * @param fileName
- * @returns string
- */
-const extension = (fileName) => fileName.split('.').pop() || '';
 /**
  * @private
  * @param dismissedErrors
@@ -7969,7 +7967,7 @@ const _MentionPopover = (props) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$D = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$E = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -8155,7 +8153,7 @@ const TextFieldWithMention = (props) => {
         onSuggestionSelected,
         updateMentionSuggestions
     ]);
-    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$D(void 0, void 0, void 0, function* () {
+    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$E(void 0, void 0, void 0, function* () {
         var _a;
         let suggestions = (_a = (yield (mentionLookupOptions === null || mentionLookupOptions === void 0 ? void 0 : mentionLookupOptions.onQueryUpdated(query)))) !== null && _a !== void 0 ? _a : [];
         suggestions = suggestions.filter((suggestion) => suggestion.displayText.trim() !== '');
@@ -8332,7 +8330,7 @@ const TextFieldWithMention = (props) => {
             });
         }
     }, [updateSelectionIndexesWithMentionIfNeeded, setSelectionStartValue, setSelectionEndValue]);
-    const handleOnChange = React.useCallback((_b) => __awaiter$D(void 0, [_b], void 0, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
+    const handleOnChange = React.useCallback((_b) => __awaiter$E(void 0, [_b], void 0, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
         var _c;
         debouncedQueryUpdate.cancel();
         if (event.currentTarget === null) {
@@ -8770,7 +8768,7 @@ const SendBoxErrors = (props) => {
 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * Conditionally modify locale strings passed to the attachment card
- * @returns file upload card strings
+ * @returns attachment upload card strings
  */
 const useLocaleAttachmentCardStringsTrampoline = () => {
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
@@ -8803,7 +8801,7 @@ const attachmentNameContainerClassName = react.mergeStyles({
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$C = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$D = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -8820,8 +8818,11 @@ var __awaiter$C = (window && window.__awaiter) || function (thisArg, _arguments,
  */
 const _AttachmentCard = (props) => {
     var _a, _b, _c, _d;
-    const { attachment, progress, menuActions, onActionHandlerFailed } = props;
+    const { attachment, menuActions, onActionHandlerFailed } = props;
     const attachmentCardStyles = useAttachmentCardStyles();
+    const progress = React.useMemo(() => {
+        return attachment.progress;
+    }, [attachment.progress]);
     const isUploadComplete = React.useMemo(() => {
         return progress !== undefined && progress > 0 && progress < 1;
     }, [progress]);
@@ -8872,7 +8873,7 @@ const getMenuItems = (menuActions, attachment, handleOnClickError) => {
             React.createElement(reactComponents.MenuTrigger, null,
                 React.createElement(reactComponents.ToolbarButton, { "aria-label": "More", icon: React.createElement(reactIcons.MoreHorizontal24Filled, null) })),
             React.createElement(reactComponents.MenuPopover, null,
-                React.createElement(reactComponents.MenuList, null, menuActions.map((menuItem, index) => (React.createElement(reactComponents.MenuItem, { key: index, icon: menuItem.icon, onClick: () => __awaiter$C(void 0, void 0, void 0, function* () {
+                React.createElement(reactComponents.MenuList, null, menuActions.map((menuItem, index) => (React.createElement(reactComponents.MenuItem, { key: index, icon: menuItem.icon, onClick: () => __awaiter$D(void 0, void 0, void 0, function* () {
                         try {
                             yield menuItem.onClick(attachment);
                         }
@@ -8922,7 +8923,7 @@ const actionIconStyle = { height: '1rem' };
  */
 const _AttachmentUploadCards = (props) => {
     var _a;
-    const attachments = props.activeFileUploads;
+    const attachments = props.activeAttachmentUploads;
     const localeStrings = useLocaleAttachmentCardStringsTrampoline();
     const removeFileButtonString = React.useMemo(() => () => {
         var _a, _b;
@@ -8933,32 +8934,24 @@ const _AttachmentUploadCards = (props) => {
     }
     return (React.createElement(_AttachmentCardGroup, null, attachments &&
         attachments
-            .filter((attachment) => !attachment.error)
+            .filter((attachment) => !attachment.uploadError)
             .map((attachment) => {
-            var _a, _b, _c, _d;
-            return (React.createElement(_AttachmentCard
-            // temp converter before upload is refactored
-            , {
-                // temp converter before upload is refactored
-                attachment: {
-                    id: attachment.id,
-                    name: attachment.filename,
-                    extension: extension(attachment.filename),
-                    progress: attachment.progress,
-                    uploadStatus: attachment.error
-                        ? {
-                            message: (_a = attachment.error) === null || _a === void 0 ? void 0 : _a.message,
-                            timestamp: (_b = attachment.error) === null || _b === void 0 ? void 0 : _b.timestamp
-                        }
-                        : undefined
-                }, progress: attachment.progress, key: attachment.id, menuActions: [
+            var _a, _b;
+            return (React.createElement(_AttachmentCard, { attachment: attachment, key: attachment.id, menuActions: [
                     {
-                        name: (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.removeAttachment) !== null && _d !== void 0 ? _d : 'Remove',
+                        name: (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.removeAttachment) !== null && _b !== void 0 ? _b : 'Remove',
                         icon: (React.createElement("div", { "aria-label": removeFileButtonString() },
                             React.createElement(react.Icon, { iconName: "CancelAttachmentUpload", className: react.mergeStyles(actionIconStyle) }))),
-                        onClick: () => {
-                            props.onCancelFileUpload && props.onCancelFileUpload(attachment.id);
-                            return Promise.resolve();
+                        onClick: (attachment) => {
+                            return new Promise((resolve, reject) => {
+                                try {
+                                    props.onCancelAttachmentUpload && props.onCancelAttachmentUpload(attachment.id);
+                                    resolve();
+                                }
+                                catch (e) {
+                                    reject(e.message);
+                                }
+                            });
                         }
                     }
                 ], strings: props.strings }));
@@ -8976,18 +8969,18 @@ const EMPTY_MESSAGE_REGEX = /^\s*$/;
 /**
  * @private
  */
-const hasIncompleteFileUploads = (activeFileUploads) => {
-    return !!((activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.length) &&
-        !activeFileUploads
-            .filter((attachmentUpload) => !attachmentUpload.error)
-            .every((attachmentUpload) => attachmentUpload.uploadComplete));
+const hasIncompleteAttachmentUploads = (activeAttachmentUploads) => {
+    return !!((activeAttachmentUploads === null || activeAttachmentUploads === void 0 ? void 0 : activeAttachmentUploads.length) &&
+        !activeAttachmentUploads
+            .filter((attachmentUpload) => !attachmentUpload.uploadError)
+            .every((attachmentUpload) => attachmentUpload.progress === 1 && attachmentUpload.progress !== undefined));
 };
 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * @private
  */
-const hasCompletedFileUploads = (activeFileUploads) => {
-    return !!(activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.find((file) => !file.error));
+const hasCompletedAttachmentUploads = (activeAttachmentUploads) => {
+    return !!(activeAttachmentUploads === null || activeAttachmentUploads === void 0 ? void 0 : activeAttachmentUploads.find((file) => !file.uploadError));
 };
 /**
  * @private
@@ -9379,7 +9372,7 @@ const SendBox$1 = (props) => {
     /* @conditional-compile-remove(mention) */
     mentionLookupOptions,
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    activeFileUploads } = props;
+    activeAttachmentUploads } = props;
     const theme = useTheme();
     const localeStrings = useLocale$1().strings.sendBox;
     const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
@@ -9399,7 +9392,7 @@ const SendBox$1 = (props) => {
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         setAttachmentUploadsPendingError(undefined);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        if (hasIncompleteFileUploads(activeFileUploads)) {
+        if (hasIncompleteAttachmentUploads(activeAttachmentUploads)) {
             setAttachmentUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
             return;
         }
@@ -9407,7 +9400,7 @@ const SendBox$1 = (props) => {
         // we don't want to send empty messages including spaces, newlines, tabs
         // Message can be empty if there is a valid attachment upload
         if (sanitizeText(message).length > 0 ||
-            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasCompletedFileUploads(activeFileUploads)) {
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasCompletedAttachmentUploads(activeAttachmentUploads)) {
             onSendMessage && onSendMessage(message);
             setTextValue('');
         }
@@ -9427,13 +9420,13 @@ const SendBox$1 = (props) => {
     const mergedSendIconStyle = React.useMemo(() => sendIconStyle({
         theme,
         hasText: !!textValue,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasFile: hasCompletedFileUploads(activeFileUploads),
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasFile: hasCompletedAttachmentUploads(activeAttachmentUploads),
         hasErrorMessage: !!errorMessage,
         customSendIconStyle: styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon
     }), [
         theme,
         textValue,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ activeFileUploads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ activeAttachmentUploads,
         errorMessage,
         styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon
     ]);
@@ -9441,33 +9434,33 @@ const SendBox$1 = (props) => {
     // Ensure that errors are cleared when there are no files in sendBox
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     React.useEffect(() => {
-        if (!(activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((upload) => !upload.error).length)) {
+        if (!(activeAttachmentUploads === null || activeAttachmentUploads === void 0 ? void 0 : activeAttachmentUploads.filter((upload) => !upload.uploadError).length)) {
             setAttachmentUploadsPendingError(undefined);
         }
-    }, [activeFileUploads]);
+    }, [activeAttachmentUploads]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const sendBoxErrorsProps = React.useMemo(() => {
         var _a;
         return {
             attachmentUploadsPendingError: attachmentUploadsPendingError,
-            attachmentUploadError: (_a = activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error
+            attachmentUploadError: (_a = activeAttachmentUploads === null || activeAttachmentUploads === void 0 ? void 0 : activeAttachmentUploads.filter((attachmentUpload) => attachmentUpload.uploadError).pop()) === null || _a === void 0 ? void 0 : _a.uploadError
         };
-    }, [activeFileUploads, attachmentUploadsPendingError]);
+    }, [activeAttachmentUploads, attachmentUploadsPendingError]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    const onRenderFileUploads = React.useCallback(() => {
+    const onRenderAttachmentUploads = React.useCallback(() => {
         var _a, _b, _c, _d, _e, _f;
-        if (!(activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((upload) => !upload.error).length)) {
+        if (!(activeAttachmentUploads === null || activeAttachmentUploads === void 0 ? void 0 : activeAttachmentUploads.filter((upload) => !upload.uploadError).length)) {
             return null;
         }
-        return props.onRenderFileUploads ? (props.onRenderFileUploads()) : (React.createElement(react.Stack, { className: attachmentUploadCardsStyles },
+        return props.onRenderAttachmentUploads ? (props.onRenderAttachmentUploads()) : (React.createElement(react.Stack, { className: attachmentUploadCardsStyles },
             React.createElement(FluentV9ThemeProvider, { v8Theme: theme },
-                React.createElement(_AttachmentUploadCards, { activeFileUploads: activeFileUploads, onCancelFileUpload: props.onCancelFileUpload, strings: {
+                React.createElement(_AttachmentUploadCards, { activeAttachmentUploads: activeAttachmentUploads, onCancelAttachmentUpload: props.onCancelAttachmentUpload, strings: {
                         removeAttachment: (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.removeAttachment) !== null && _b !== void 0 ? _b : localeStrings.removeAttachment,
                         uploading: (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.uploading) !== null && _d !== void 0 ? _d : localeStrings.uploading,
                         uploadCompleted: (_f = (_e = props.strings) === null || _e === void 0 ? void 0 : _e.uploadCompleted) !== null && _f !== void 0 ? _f : localeStrings.uploadCompleted
                     } }))));
     }, [
-        activeFileUploads,
+        activeAttachmentUploads,
         props,
         theme,
         localeStrings.removeAttachment,
@@ -9499,7 +9492,7 @@ const SendBox$1 = (props) => {
                         e.stopPropagation();
                     }, id: 'sendIconWrapper', className: mergedSendButtonStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel })),
             /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-            onRenderFileUploads())));
+            onRenderAttachmentUploads())));
 };
 // Copyright (c) Microsoft Corporation.
@@ -10472,7 +10465,7 @@ const richTextBorderBoxStyle = (props) => {
 const RichTextInputBoxComponent = (props) => {
     const { placeholderText, initialContent, onChange, onEnterKeyDown, editorComponentRef, disabled, strings, actionComponents,
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    onRenderFileUploads,
+    onRenderAttachmentUploads,
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     hasFiles, richTextEditorStyleProps, isHorizontalLayoutDisabled = false } = props;
     const theme = useTheme();
@@ -10526,8 +10519,8 @@ const RichTextInputBoxComponent = (props) => {
             React.createElement(react.Stack, { grow: true, className: inputBoxRichTextStackStyle },
                 React.createElement(react.Stack.Item, { className: inputBoxRichTextStackItemStyle },
                     React.createElement(RichTextEditor, { initialContent: initialContent, placeholderText: placeholderText, onChange: onChange, onKeyDown: onKeyDown, ref: editorComponentRef, strings: strings, showRichTextEditorFormatting: showRichTextEditorFormatting, styles: richTextEditorStyle })),
-                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileUploads &&
-                    onRenderFileUploads()),
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentUploads &&
+                    onRenderAttachmentUploads()),
             actionButtons)));
 };
@@ -10607,9 +10600,9 @@ const isMessageEmpty$1 = (message) => {
 const RichTextSendBox = (props) => {
     const { disabled = false, systemMessage, onSendMessage,
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    activeFileUploads,
+    activeAttachmentUploads,
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    onCancelFileUpload } = props;
+    onCancelAttachmentUpload } = props;
     const theme = useTheme();
     const locale = useLocale$1();
     const localeStrings = React.useMemo(() => {
@@ -10622,7 +10615,7 @@ const RichTextSendBox = (props) => {
     const [contentValue, setContentValue] = React.useState('');
     const [contentValueOverflow, setContentValueOverflow] = React.useState(false);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    const [attachmentUploadsPendingError, setFileUploadsPendingError] = React.useState(undefined);
+    const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = React.useState(undefined);
     const editorComponentRef = React.useRef(null);
     const contentTooLongMessage = React.useMemo(() => (contentValueOverflow ? strings.textTooLong : undefined), [contentValueOverflow, strings.textTooLong]);
     const setContent = React.useCallback((newValue) => {
@@ -10639,17 +10632,17 @@ const RichTextSendBox = (props) => {
         }
         // Don't send message until all files have been uploaded successfully
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        setFileUploadsPendingError(undefined);
+        setAttachmentUploadsPendingError(undefined);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        if (hasIncompleteFileUploads(activeFileUploads)) {
-            setFileUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
+        if (hasIncompleteAttachmentUploads(activeAttachmentUploads)) {
+            setAttachmentUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
             return;
         }
         const message = contentValue;
         // we don't want to send empty messages including spaces, newlines, tabs
-        // Message can be empty if there is a valid file upload
+        // Message can be empty if there is a valid attachment upload
         if (sanitizeText(message).length > 0 ||
-            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasCompletedFileUploads(activeFileUploads)) {
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasCompletedAttachmentUploads(activeAttachmentUploads)) {
             onSendMessage(message);
             setContentValue('');
             (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.setEmptyContent();
@@ -10660,7 +10653,7 @@ const RichTextSendBox = (props) => {
         contentValueOverflow,
         disabled,
         onSendMessage,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ activeFileUploads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ activeAttachmentUploads,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ strings.attachmentUploadsPendingError
     ]);
     const hasErrorMessage = React.useMemo(() => {
@@ -10670,10 +10663,10 @@ const RichTextSendBox = (props) => {
             /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             !!attachmentUploadsPendingError ||
             /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-            !!((_a = activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error));
+            !!((_a = activeAttachmentUploads === null || activeAttachmentUploads === void 0 ? void 0 : activeAttachmentUploads.filter((attachmentUpload) => attachmentUpload.uploadError).pop()) === null || _a === void 0 ? void 0 : _a.uploadError));
     }, [
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        activeFileUploads,
+        activeAttachmentUploads,
         contentTooLongMessage,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         attachmentUploadsPendingError,
@@ -10694,30 +10687,30 @@ const RichTextSendBox = (props) => {
             /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             attachmentUploadsPendingError: attachmentUploadsPendingError,
             /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-            attachmentUploadError: (_a = activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error,
+            attachmentUploadError: (_a = activeAttachmentUploads === null || activeAttachmentUploads === void 0 ? void 0 : activeAttachmentUploads.filter((attachmentUpload) => attachmentUpload.uploadError).pop()) === null || _a === void 0 ? void 0 : _a.uploadError,
             systemMessage: systemMessage,
             textTooLongMessage: contentTooLongMessage
         };
     }, [
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        activeFileUploads,
+        activeAttachmentUploads,
         contentTooLongMessage,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         attachmentUploadsPendingError,
         systemMessage
     ]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    const onRenderFileUploads = React.useCallback(() => {
+    const onRenderAttachmentUploads = React.useCallback(() => {
         return (React.createElement(react.Stack, { className: attachmentUploadCardsStyles },
             React.createElement(FluentV9ThemeProvider, { v8Theme: theme },
-                React.createElement(_AttachmentUploadCards, { activeFileUploads: activeFileUploads, onCancelFileUpload: onCancelFileUpload, strings: {
+                React.createElement(_AttachmentUploadCards, { activeAttachmentUploads: activeAttachmentUploads, onCancelAttachmentUpload: onCancelAttachmentUpload, strings: {
                         removeAttachment: strings.removeAttachment,
                         uploading: strings.uploading,
                         uploadCompleted: strings.uploadCompleted
                     } }))));
     }, [
-        activeFileUploads,
-        onCancelFileUpload,
+        activeAttachmentUploads,
+        onCancelAttachmentUpload,
         strings.removeAttachment,
         strings.uploadCompleted,
         strings.uploading,
@@ -10730,16 +10723,16 @@ const RichTextSendBox = (props) => {
             }, className: richTextActionButtonsStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel }));
     }, [localeStrings.sendButtonAriaLabel, onRenderSendIcon, sendMessageOnClick]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    const hasFileUploads = React.useMemo(() => {
-        return hasCompletedFileUploads(activeFileUploads) || hasIncompleteFileUploads(activeFileUploads);
-    }, [activeFileUploads]);
+    const hasAttachmentUploads = React.useMemo(() => {
+        return (hasCompletedAttachmentUploads(activeAttachmentUploads) || hasIncompleteAttachmentUploads(activeAttachmentUploads));
+    }, [activeAttachmentUploads]);
     return (React.createElement(react.Stack, null,
         React.createElement(RichTextSendBoxErrors, Object.assign({}, sendBoxErrorsProps)),
         React.createElement(RichTextInputBoxComponent, { placeholderText: strings.placeholderText, onChange: setContent, onEnterKeyDown: sendMessageOnClick, editorComponentRef: editorComponentRef, strings: strings, disabled: disabled, actionComponents: sendButton, richTextEditorStyleProps: sendBoxRichTextEditorStyle,
             /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-            onRenderFileUploads: onRenderFileUploads,
+            onRenderAttachmentUploads: onRenderAttachmentUploads,
             /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-            hasFiles: hasFileUploads })));
+            hasFiles: hasAttachmentUploads })));
 };
 // Copyright (c) Microsoft Corporation.
@@ -11713,15 +11706,11 @@ const ChatMessageComponentAsEditBox = (props) => {
         return react.concatStyleSets(editBoxStyleSet, { textField: { borderColor: theme.palette.themePrimary } });
     }, [theme.palette.themePrimary]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    const onRenderFileUploads = React.useCallback(() => {
+    const onRenderAttachmentUploads = React.useCallback(() => {
         return (!!attachmentMetadata &&
             attachmentMetadata.length > 0 && (React.createElement("div", { style: { margin: '0.25rem' } },
-            React.createElement(_AttachmentUploadCards, { activeFileUploads: attachmentMetadata === null || attachmentMetadata === void 0 ? void 0 : attachmentMetadata.map((file) => ({
-                    id: file.name,
-                    filename: file.name,
-                    progress: 1
-                })), onCancelFileUpload: (fileId) => {
-                    setAttachedFilesMetadata(attachmentMetadata === null || attachmentMetadata === void 0 ? void 0 : attachmentMetadata.filter((file) => file.name !== fileId));
+            React.createElement(_AttachmentUploadCards, { activeAttachmentUploads: attachmentMetadata, onCancelAttachmentUpload: (fileId) => {
+                    setAttachedFilesMetadata(attachmentMetadata === null || attachmentMetadata === void 0 ? void 0 : attachmentMetadata.filter((file) => file.id !== fileId));
                 } }))));
     }, [attachmentMetadata]);
     const getContent = () => {
@@ -11755,7 +11744,7 @@ const ChatMessageComponentAsEditBox = (props) => {
                                 });
                             e.stopPropagation();
                         }, id: 'submitIconWrapper' }))),
-            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileUploads()));
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentUploads()));
     };
     const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';
     return (React.createElement(reactChat.ChatMyMessage, { attached: attached, root: {
@@ -12510,7 +12499,7 @@ const ChatMyMessageComponentAsMessageBubble = React.memo(MessageBubble$1);
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$B = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$C = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -12543,7 +12532,7 @@ const ChatMyMessageComponent = (props) => {
         onSendMessage && onSendMessage(content !== undefined ? content : '');
     }, [clientMessageId, content, onSendMessage, onDeleteMessage]);
     if (isEditing && message.messageType === 'chat') {
-        return (React.createElement(ChatMessageComponentAsEditBox, { message: message, strings: props.strings, onSubmit: (text, metadata, options) => __awaiter$B(void 0, void 0, void 0, function* () {
+        return (React.createElement(ChatMessageComponentAsEditBox, { message: message, strings: props.strings, onSubmit: (text, metadata, options) => __awaiter$C(void 0, void 0, void 0, function* () {
                 props.onUpdateMessage &&
                     message.messageId &&
                     (yield props.onUpdateMessage(message.messageId, text, metadata, options));
@@ -12922,7 +12911,7 @@ const fluentChatComponent = (props) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$A = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$B = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -13107,7 +13096,7 @@ const MessageThreadWrapper = (props) => {
     const previousMessagesRef = React.useRef([]);
     // an aria label for Narrator to notify when a message is deleted
     const [deletedMessageAriaLabel, setDeletedMessageAriaLabel] = React.useState(undefined);
-    const onDeleteMessageCallback = React.useCallback((messageId) => __awaiter$A(void 0, void 0, void 0, function* () {
+    const onDeleteMessageCallback = React.useCallback((messageId) => __awaiter$B(void 0, void 0, void 0, function* () {
         if (!onDeleteMessage) {
             return;
         }
@@ -13188,7 +13177,7 @@ const MessageThreadWrapper = (props) => {
      */
     const clientHeight = (_a = chatThreadRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight;
     // we try to only send those message status if user is scrolled to the bottom.
-    const sendMessageStatusIfAtBottom = React.useCallback(() => __awaiter$A(void 0, void 0, void 0, function* () {
+    const sendMessageStatusIfAtBottom = React.useCallback(() => __awaiter$B(void 0, void 0, void 0, function* () {
         if (!isAtBottomOfScrollRef.current ||
             !document.hasFocus() ||
             !messagesRef.current ||
@@ -13239,7 +13228,7 @@ const MessageThreadWrapper = (props) => {
         setIsAtBottomOfScrollRef(atBottom);
     }, [scrollToBottom, sendMessageStatusIfAtBottom]);
     // Infinite scrolling + threadInitialize function
-    const fetchNewMessageWhenAtTop = React.useCallback(() => __awaiter$A(void 0, void 0, void 0, function* () {
+    const fetchNewMessageWhenAtTop = React.useCallback(() => __awaiter$B(void 0, void 0, void 0, function* () {
         if (!isLoadingChatMessagesRef.current) {
             if (onLoadPreviousChatMessages) {
                 isLoadingChatMessagesRef.current = true;
@@ -14334,8 +14323,9 @@ const playFrames$1 = react.memoizeFunction(() => react.keyframes({
  *
  * @private
  */
-const emojiStyles = (backgroundImage, animationPlayState) => {
+const emojiStyles = (backgroundImage, animationPlayState, frameCount) => {
     const imageResourceUrl = `url(${backgroundImage})`;
+    const steps = frameCount !== null && frameCount !== void 0 ? frameCount : 51;
     return {
         display: 'flex',
         flexDirection: 'column',
@@ -14344,7 +14334,7 @@ const emojiStyles = (backgroundImage, animationPlayState) => {
         backgroundImage: imageResourceUrl,
         animationName: playFrames$1(),
         animationDuration: '8.12s',
-        animationTimingFunction: `steps(102)`,
+        animationTimingFunction: `steps(${steps})`,
         animationPlayState: animationPlayState,
         animationIterationCount: 'infinite',
         justifyContent: 'center',
@@ -14943,7 +14933,9 @@ const playFrames = react.memoizeFunction(() => react.keyframes({
  * @private
  */
 const reactionRenderingStyle = (args) => {
+    var _a;
     const imageUrl = `url(${args.spriteImageUrl})`;
+    const steps = (_a = args.frameCount) !== null && _a !== void 0 ? _a : 51;
     return react.mergeStyles({
         height: '100%',
         width: '100%',
@@ -14951,7 +14943,7 @@ const reactionRenderingStyle = (args) => {
         animationName: playFrames(),
         backgroundImage: imageUrl,
         animationDuration: '5.12s',
-        animationTimingFunction: `steps(102)`,
+        animationTimingFunction: `steps(${steps})`,
         backgroundSize: `cover`,
         animationPlayState: 'running',
         animationIterationCount: 'infinite',
@@ -15436,7 +15428,28 @@ const getEmojiResource = (reactionName, reactionResources) => {
         case 'surprised':
             return (_e = reactionResources.surprisedReaction) === null || _e === void 0 ? void 0 : _e.url;
     }
-    return '';
+    return undefined;
+};
+/* @conditional-compile-remove(reaction) */
+/**
+ * @private
+ */
+const getEmojiFrameCount = (reactionName, reactionResources) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    switch (reactionName) {
+        case 'like':
+            return (_b = (_a = reactionResources.likeReaction) === null || _a === void 0 ? void 0 : _a.frameCount) !== null && _b !== void 0 ? _b : 0;
+        case 'heart':
+            return (_d = (_c = reactionResources.heartReaction) === null || _c === void 0 ? void 0 : _c.frameCount) !== null && _d !== void 0 ? _d : 0;
+        case 'laugh':
+            return (_f = (_e = reactionResources.laughReaction) === null || _e === void 0 ? void 0 : _e.frameCount) !== null && _f !== void 0 ? _f : 0;
+        case 'applause':
+            return (_h = (_g = reactionResources.applauseReaction) === null || _g === void 0 ? void 0 : _g.frameCount) !== null && _h !== void 0 ? _h : 0;
+        case 'surprised':
+            return (_k = (_j = reactionResources.surprisedReaction) === null || _j === void 0 ? void 0 : _j.frameCount) !== null && _k !== void 0 ? _k : 0;
+        default:
+            return 0;
+    }
 };
 // Copyright (c) Microsoft Corporation.
@@ -15478,7 +15491,10 @@ const ParticipantVideoTileOverlay = React.memo((props) => {
     const [isValidImageSource, setIsValidImageSource] = React.useState(false);
     const backgroundImageUrl = reaction !== undefined && reactionResources !== undefined
         ? getEmojiResource(reaction === null || reaction === void 0 ? void 0 : reaction.reactionType, reactionResources)
-        : '';
+        : undefined;
+    const frameCount = reaction !== undefined && reactionResources !== undefined
+        ? getEmojiFrameCount(reaction === null || reaction === void 0 ? void 0 : reaction.reactionType, reactionResources)
+        : undefined;
     const currentUnixTimeStamp = Date.now();
     const receivedUnixTimestamp = reaction ? getReceivedUnixTime(reaction.receivedOn) : undefined;
     const canRenderReaction = (receivedUnixTimestamp
@@ -15498,8 +15514,9 @@ const ParticipantVideoTileOverlay = React.memo((props) => {
     const spriteImageUrl = backgroundImageUrl !== null && backgroundImageUrl !== void 0 ? backgroundImageUrl : undefined;
     const reactionContainerStyles = React.useCallback(() => reactionRenderingStyle({
         spriteImageUrl,
-        emojiSize: emojiSize
-    }), [spriteImageUrl, emojiSize]);
+        emojiSize: emojiSize,
+        frameCount
+    }), [spriteImageUrl, emojiSize, frameCount]);
     return (React.createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, {
             display: 'flex',
             justifyContent: 'center',
@@ -15515,22 +15532,6 @@ const ParticipantVideoTileOverlay = React.memo((props) => {
 // Licensed under the MIT License.
 /* @conditional-compile-remove(reaction) */
 /* @conditional-compile-remove(reaction) */
-/**
- * Generate random float between two numbers, including min and max
- * @private
- */
-function getRandomFloat(minValue, maxValue) {
-    return minValue + Math.random() * (maxValue - minValue);
-}
-/* @conditional-compile-remove(reaction) */
-/**
- * Generate random int between two numbers, including min and max
- * @private
- */
-function getRandomInt(minValue, maxValue) {
-    return Math.floor(getRandomFloat(minValue, maxValue + 1));
-}
-/* @conditional-compile-remove(reaction) */
 /**
  * Calculate the start position for a new reaction in the prescriptive wave pattern
  * @private
@@ -15619,23 +15620,18 @@ function scaleStartPos(index) {
 }
 /* @conditional-compile-remove(reaction) */
 /**
+ * We have only one bucket item for presentation style of the reaction animation.
+ * We are choosing to keep the array so that, in future, with styles needed to get updated, one
+ * can add new styles and apply from here, rather than updating over the same style. Later we can remove
+ * the old ones.
+ * It is for the ease of testing and implementation.
  * @private
  */
 const ReactionStyleBuckets = [
-    {
-        sizeScale: 1,
-        heightMaxScale: 1 * 0.95,
-        opacityMax: 1
-    },
     {
         sizeScale: 0.9,
         heightMaxScale: 0.7 * 0.95,
         opacityMax: 0.9
-    },
-    {
-        sizeScale: 0.8,
-        heightMaxScale: 0.4 * 0.95,
-        opacityMax: 0.8
     }
 ];
 /* @conditional-compile-remove(reaction) */
@@ -15645,8 +15641,10 @@ const ReactionStyleBuckets = [
  * height, width, and opacity.
  * @private
  */
-function getReactionStyleBucket(activeSpritesCount) {
-    const index = activeSpritesCount < 3 ? 0 : activeSpritesCount < 5 ? getRandomInt(0, 1) : getRandomInt(0, 2);
+function getReactionStyleBucket() {
+    // Having dynamic emoji size on rendering animation impacts performance of the animation itself.
+    // So we are choosing to use a fixed size for all cases.
+    const index = 0;
     return ReactionStyleBuckets[index];
 }
 /* @conditional-compile-remove(reaction) */
@@ -15805,7 +15803,7 @@ const RemoteContentShareReactionOverlay = React.memo((props) => {
                 reaction: reaction,
                 id: combinedKey,
                 reactionMovementIndex: reactionMovementIndex,
-                styleBucket: getReactionStyleBucket(reactionMovementIndex)
+                styleBucket: getReactionStyleBucket()
             }
         ]);
         return;
@@ -15846,8 +15844,8 @@ const RemoteContentShareReactionOverlay = React.memo((props) => {
     };
     const containerHeight = hostDivHeight !== null && hostDivHeight !== void 0 ? hostDivHeight : 0;
     const containerWidth = hostDivWidth !== null && hostDivWidth !== void 0 ? hostDivWidth : 0;
-    const styleBucket = (activeSprites) => getReactionStyleBucket(activeSprites);
-    const displaySizePx = (activeSprites) => REACTION_START_DISPLAY_SIZE * styleBucket(activeSprites).sizeScale;
+    const styleBucket = () => getReactionStyleBucket();
+    const displaySizePx = () => REACTION_START_DISPLAY_SIZE * styleBucket().sizeScale;
     const leftPosition = (position) => generateStartPositionWave(position, containerWidth / 2, true);
     const reactionMovementStyle = (position) => getReactionMovementStyle(leftPosition(position));
     return (React.createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, {
@@ -15870,7 +15868,7 @@ const RemoteContentShareReactionOverlay = React.memo((props) => {
                         removeVisibleReaction(reaction.reaction.reactionType, reaction.id, reaction.reactionMovementIndex);
                     }, style: opacityAnimationStyles(reaction.styleBucket.opacityMax) },
                     React.createElement("div", { style: reactionMovementStyle(reaction.reactionMovementIndex) },
-                        React.createElement("div", { style: spriteAnimationStyles(REACTION_NUMBER_OF_ANIMATION_FRAMES, displaySizePx(visibleReactions.length), (_a = getEmojiResource(reaction === null || reaction === void 0 ? void 0 : reaction.reaction.reactionType, reactionResources)) !== null && _a !== void 0 ? _a : '') }))))))));
+                        React.createElement("div", { style: spriteAnimationStyles(REACTION_NUMBER_OF_ANIMATION_FRAMES, displaySizePx(), (_a = getEmojiResource(reaction === null || reaction === void 0 ? void 0 : reaction.reaction.reactionType, reactionResources)) !== null && _a !== void 0 ? _a : '') }))))))));
     })));
 });
@@ -16258,7 +16256,7 @@ const localVideoTileContainerStyles = {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$z = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$A = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -16275,7 +16273,7 @@ const LocalVideoCameraCycleButton = (props) => {
     const { cameras, selectedCamera, onSelectCamera, label, ariaDescription, size } = props;
     const theme = react.useTheme();
     const [waitForCamera, setWaitForCamera] = React.useState(false);
-    const onChangeCameraClick = React.useCallback((device) => __awaiter$z(void 0, void 0, void 0, function* () {
+    const onChangeCameraClick = React.useCallback((device) => __awaiter$A(void 0, void 0, void 0, function* () {
         // Throttle changing camera to prevent too many callbacks
         if (onSelectCamera) {
             setWaitForCamera(true);
@@ -19145,7 +19143,7 @@ const DevicesButton = (props) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$y = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$z = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -19183,7 +19181,7 @@ const CameraButton = (props) => {
     const toggleAnnouncerString = React.useCallback((isCameraOn) => {
         setAnnouncerString(!isCameraOn ? strings.cameraActionTurnedOffAnnouncement : strings.cameraActionTurnedOnAnnouncement);
     }, [strings.cameraActionTurnedOffAnnouncement, strings.cameraActionTurnedOnAnnouncement]);
-    const onToggleClick = React.useCallback(() => __awaiter$y(void 0, void 0, void 0, function* () {
+    const onToggleClick = React.useCallback(() => __awaiter$z(void 0, void 0, void 0, function* () {
         // Throttle click on camera, need to await onToggleCamera then allow another click
         if (onToggleCamera) {
             setWaitForCamera(true);
@@ -19197,7 +19195,7 @@ const CameraButton = (props) => {
             }
         }
     }), [cameraOn, localVideoViewOptions, onToggleCamera, toggleAnnouncerString]);
-    const onChangeCameraClick = React.useCallback((device) => __awaiter$y(void 0, void 0, void 0, function* () {
+    const onChangeCameraClick = React.useCallback((device) => __awaiter$z(void 0, void 0, void 0, function* () {
         // Throttle changing camera to prevent too many callbacks
         if (onSelectCamera) {
             setWaitForCamera(true);
@@ -19288,7 +19286,6 @@ const ControlBar = (props) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var _a, _b;
 const onRenderEndCallIcon = () => React.createElement(react.Icon, { iconName: "ControlButtonEndCall" });
 /**
  * A button to end an ongoing call.
@@ -19298,68 +19295,109 @@ const onRenderEndCallIcon = () => React.createElement(react.Icon, { iconName: "C
  * @public
  */
 const EndCallButton = (props) => {
-    var _a, _b, _c;
-    const { styles } = props;
+    var _a, _b;
+    const { styles, /* @conditional-compile-remove(end-call-options) */ enableEndCallMenu, onHangUp } = props;
     const localeStrings = useLocale$1().strings.endCallButton;
     const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
     const theme = useTheme();
     const isDarkTheme = isDarkThemed(theme);
     const componentStyles = react.concatStyleSets(isDarkTheme ? darkThemeCallButtonStyles : lightThemeCallButtonStyles, styles !== null && styles !== void 0 ? styles : {});
-    return (React.createElement(ControlBarButton, Object.assign({}, props, { onClick: (_a = props.onHangUp) !== null && _a !== void 0 ? _a : props.onClick, styles: componentStyles, onRenderIcon: (_b = props.onRenderIcon) !== null && _b !== void 0 ? _b : onRenderEndCallIcon, strings: strings, labelKey: (_c = props.labelKey) !== null && _c !== void 0 ? _c : 'endCallButtonLabel' })));
+    /* @conditional-compile-remove(end-call-options) */
+    const defaultMenuProps = {
+        items: [
+            {
+                key: 'endForSelf',
+                text: localeStrings.leaveOption,
+                title: localeStrings.leaveOption,
+                onClick: () => {
+                    onHangUp && onHangUp(false);
+                }
+            },
+            {
+                key: 'endForEveryone',
+                text: localeStrings.endCallOption,
+                title: localeStrings.endCallOption,
+                onClick: () => {
+                    onHangUp && onHangUp(true);
+                }
+            }
+        ],
+        styles: props.styles,
+        calloutProps: {
+            styles: {
+                root: {
+                    maxWidth: '95%'
+                }
+            },
+            preventDismissOnEvent: _preventDismissOnEvent
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ControlBarButton, Object.assign({}, props, {
+            /* @conditional-compile-remove(end-call-options) */
+            menuProps: enableEndCallMenu ? defaultMenuProps : undefined, onClick: onHangUp ? () => onHangUp() : props.onClick, styles: componentStyles, onRenderIcon: (_a = props.onRenderIcon) !== null && _a !== void 0 ? _a : onRenderEndCallIcon, strings: strings, labelKey: (_b = props.labelKey) !== null && _b !== void 0 ? _b : 'endCallButtonLabel' }))));
 };
-// using media query to prevent windows from overwriting the button color
-const darkThemeCallButtonStyles = {
-    root: {
-        color: darkTheme.callingPalette.iconWhite,
-        background: darkTheme.callingPalette.callRed,
-        '@media (forced-colors: active)': {
-            forcedColorAdjust: 'auto',
-            border: `1px ${(_a = lightTheme.palette) === null || _a === void 0 ? void 0 : _a.neutralQuaternaryAlt} solid`
+const getButtonStyles = (theme) => {
+    var _a;
+    return ({
+        regular: {
+            color: theme.callingPalette.iconWhite,
+            background: theme.callingPalette.callRed,
+            '@media (forced-colors: active)': {
+                forcedColorAdjust: 'auto',
+                border: `1px ${(_a = theme.palette) === null || _a === void 0 ? void 0 : _a.neutralQuaternaryAlt} solid`
+            },
+            ' i': {
+                color: theme.callingPalette.iconWhite
+            },
+            ':focus::after': { outlineColor: `${theme.callingPalette.iconWhite} !important` } // added !important to avoid override by FluentUI button styles
         },
-        ':focus::after': { outlineColor: `${darkTheme.callingPalette.iconWhite} !important` } // added !important to avoid override by FluentUI button styles
-    },
-    rootHovered: {
-        color: darkTheme.callingPalette.iconWhite,
-        background: darkTheme.callingPalette.callRed,
-        '@media (forced-colors: active)': {
-            forcedColorAdjust: 'auto'
-        }
-    },
-    rootPressed: {
-        color: darkTheme.callingPalette.iconWhite,
-        background: darkTheme.callingPalette.callRed,
-        '@media (forced-colors: active)': {
-            forcedColorAdjust: 'auto'
+        pressed: {
+            color: theme.callingPalette.iconWhite,
+            background: theme.callingPalette.callRedDarker,
+            border: 'none',
+            ' i': {
+                color: theme.callingPalette.iconWhite
+            },
+            '@media (forced-colors: active)': {
+                forcedColorAdjust: 'auto'
+            }
+        },
+        hovered: {
+            color: theme.callingPalette.iconWhite,
+            background: theme.callingPalette.callRedDark,
+            border: 'none',
+            ' i': {
+                color: theme.callingPalette.iconWhite
+            },
+            '@media (forced-colors: active)': {
+                forcedColorAdjust: 'auto'
+            }
         }
-    },
+    });
+};
+const darkThemeButtonStyles = getButtonStyles(darkTheme);
+const lightThemeButtonStyles = getButtonStyles(lightTheme);
+// using media query to prevent windows from overwriting the button color
+const darkThemeCallButtonStyles = {
+    root: darkThemeButtonStyles.regular,
+    rootHovered: darkThemeButtonStyles.hovered,
+    rootPressed: darkThemeButtonStyles.pressed,
     label: {
         color: darkTheme.callingPalette.iconWhite
-    }
+    },
+    splitButtonMenuButton: Object.assign(Object.assign({}, darkThemeButtonStyles.regular), { borderTop: 'none', borderRight: 'none', borderBottom: 'none', '&:hover': darkThemeButtonStyles.hovered }),
+    splitButtonMenuButtonChecked: darkThemeButtonStyles.hovered,
+    splitButtonMenuButtonExpanded: darkThemeButtonStyles.pressed
 };
 const lightThemeCallButtonStyles = {
-    root: {
-        color: lightTheme.callingPalette.iconWhite,
-        background: lightTheme.callingPalette.callRed,
-        '@media (forced-colors: active)': {
-            forcedColorAdjust: 'auto',
-            border: `1px ${(_b = lightTheme.palette) === null || _b === void 0 ? void 0 : _b.neutralQuaternaryAlt} solid`
-        },
-        ':focus::after': { outlineColor: `${lightTheme.callingPalette.iconWhite} !important` } // added !important to avoid override by FluentUI button styles
-    },
-    rootHovered: {
-        color: lightTheme.callingPalette.iconWhite,
-        background: lightTheme.callingPalette.callRed,
-        '@media (forced-colors: active)': {
-            forcedColorAdjust: 'auto'
-        }
-    },
-    rootPressed: {
-        color: lightTheme.callingPalette.iconWhite,
-        background: lightTheme.callingPalette.callRed,
-        '@media (forced-colors: active)': {
-            forcedColorAdjust: 'auto'
-        }
-    },
+    root: lightThemeButtonStyles.regular,
+    rootHovered: lightThemeButtonStyles.hovered,
+    rootPressed: lightThemeButtonStyles.pressed,
+    splitButtonMenuButton: Object.assign(Object.assign({}, lightThemeButtonStyles.regular), { borderTop: 'none', borderRight: 'none', borderBottom: 'none', '&:hover': lightThemeButtonStyles.hovered }),
+    splitButtonMenuButtonChecked: lightThemeButtonStyles.hovered,
+    splitButtonMenuButtonExpanded: lightThemeButtonStyles.pressed,
+    splitButtonMenuFocused: lightThemeButtonStyles.pressed,
     label: {
         color: lightTheme.callingPalette.iconWhite
     }
@@ -19367,7 +19405,7 @@ const lightThemeCallButtonStyles = {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$x = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$y = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -19408,7 +19446,7 @@ const MicrophoneButton = (props) => {
     const toggleAnnouncerString = React.useCallback((isMicOn) => {
         setAnnouncerString(!isMicOn ? strings.microphoneActionTurnedOffAnnouncement : strings.microphoneActionTurnedOnAnnouncement);
     }, [strings.microphoneActionTurnedOffAnnouncement, strings.microphoneActionTurnedOnAnnouncement]);
-    const onToggleClick = React.useCallback(() => __awaiter$x(void 0, void 0, void 0, function* () {
+    const onToggleClick = React.useCallback(() => __awaiter$y(void 0, void 0, void 0, function* () {
         if (onToggleMicrophone) {
             try {
                 yield onToggleMicrophone();
@@ -19922,19 +19960,19 @@ const ReactionButton = (props) => {
     const styles = reactionButtonStyles(theme);
     const onRenderIcon = () => (React.createElement(_HighContrastAwareIcon, { disabled: props.disabled, iconName: "ReactionButtonIcon" }));
     const [isHoveredMap, setIsHoveredMap] = React.useState(new Map());
-    const emojis = ['like', 'heart', 'laugh', 'applause', 'surprised'];
+    const emojis = ['like', 'heart', 'applause', 'laugh', 'surprised'];
     const emojiButtonTooltip = new Map([
         ['like', strings.likeReactionTooltipContent],
         ['heart', strings.heartReactionTooltipContent],
-        ['laugh', strings.laughReactionTooltipContent],
         ['applause', strings.applauseReactionTooltipContent],
+        ['laugh', strings.laughReactionTooltipContent],
         ['surprised', strings.surprisedReactionTooltipContent]
     ]);
     const emojiResource = new Map([
         ['like', (_a = props.reactionResources.likeReaction) === null || _a === void 0 ? void 0 : _a.url],
         ['heart', (_b = props.reactionResources.heartReaction) === null || _b === void 0 ? void 0 : _b.url],
-        ['laugh', (_c = props.reactionResources.laughReaction) === null || _c === void 0 ? void 0 : _c.url],
-        ['applause', (_d = props.reactionResources.applauseReaction) === null || _d === void 0 ? void 0 : _d.url],
+        ['applause', (_c = props.reactionResources.applauseReaction) === null || _c === void 0 ? void 0 : _c.url],
+        ['laugh', (_d = props.reactionResources.laughReaction) === null || _d === void 0 ? void 0 : _d.url],
         ['surprised', (_e = props.reactionResources.surprisedReaction) === null || _e === void 0 ? void 0 : _e.url]
     ]);
     const calloutStyle = { root: { padding: 0 }, calloutMain: { padding: '0.5rem' } };
@@ -19945,6 +19983,7 @@ const ReactionButton = (props) => {
     };
     const renderEmoji = (item, dismissMenu) => (React.createElement("div", { style: reactionEmojiMenuStyles() }, emojis.map((emoji, index) => {
         const resourceUrl = emojiResource.get(emoji);
+        const frameCount = props.reactionResources !== undefined ? getEmojiFrameCount(emoji, props.reactionResources) : 0;
         return (React.createElement(react.TooltipHost, { key: index, "data-ui-id": index, hidden: props.disableTooltip, content: emojiButtonTooltip.get(emoji), styles: reactionToolTipHostStyle(), calloutProps: Object.assign({}, calloutProps) },
             React.createElement(react.IconButton, { key: index, onClick: () => {
                     props.onReactionClick(emoji);
@@ -19952,7 +19991,7 @@ const ReactionButton = (props) => {
                         return new Map(prevMap).set(emoji, false);
                     });
                     dismissMenu();
-                }, style: emojiStyles(resourceUrl ? resourceUrl : '', isHoveredMap.get(emoji) ? 'running' : 'paused'), onMouseEnter: () => setIsHoveredMap((prevMap) => {
+                }, style: emojiStyles(resourceUrl ? resourceUrl : '', isHoveredMap.get(emoji) ? 'running' : 'paused', frameCount), onMouseEnter: () => setIsHoveredMap((prevMap) => {
                     return new Map(prevMap).set(emoji, true);
                 }), onMouseLeave: () => setIsHoveredMap((prevMap) => {
                     return new Map(prevMap).set(emoji, false);
@@ -20518,7 +20557,7 @@ const dtmfFrequencies = {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$w = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$x = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -20562,10 +20601,10 @@ const DialpadButton = (props) => {
     const [buttonPressed, setButtonPressed] = React.useState(false);
     const dtmfToneSound = React.useRef(new Tone(dtmfToneAudioContext, dtmfFrequencies[digit].f1, dtmfFrequencies[digit].f2));
     const useLongPressProps = React.useMemo(() => ({
-        onClick: () => __awaiter$w(void 0, void 0, void 0, function* () {
+        onClick: () => __awaiter$x(void 0, void 0, void 0, function* () {
             onClick(digit, index);
         }),
-        onLongPress: () => __awaiter$w(void 0, void 0, void 0, function* () {
+        onLongPress: () => __awaiter$x(void 0, void 0, void 0, function* () {
             onLongPress(digit, index);
         }),
         touchEventsOnly: longPressTrigger === 'touch'
@@ -21399,7 +21438,7 @@ const _VideoBackgroundEffectsPicker = (props) => {
             return (React.createElement(react.Stack, { className: react.mergeStyles((_a = props.styles) === null || _a === void 0 ? void 0 : _a.rowRoot), wrap: props.itemsPerRow === 'wrap', horizontal: true, key: rowIndex, tokens: { childrenGap: '0.5rem' }, "data-ui-id": "video-effects-picker-row" },
                 options.map((option, i) => {
                     if (i === 0 && rowIndex === 0) {
-                        return (React.createElement(_VideoEffectsItem, Object.assign({}, option, { itemKey: option.itemKey, key: option.itemKey, focusOnMount: true })));
+                        return (React.createElement(_VideoEffectsItem, Object.assign({}, option, { itemKey: option.itemKey, key: option.itemKey, focusOnMount: !props.ignoreFocusOnMount })));
                     }
                     return React.createElement(_VideoEffectsItem, Object.assign({}, option, { itemKey: option.itemKey, key: option.itemKey }));
                 }),
@@ -21719,7 +21758,7 @@ const _spokenLanguageToCaptionLanguage = {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$v = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$w = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -21758,7 +21797,7 @@ const _CaptionsSettingsModal = (props) => {
             onDismissCaptionsSettings();
         }
     }, [onDismissCaptionsSettings]);
-    const onConfirm = React.useCallback(() => __awaiter$v(void 0, void 0, void 0, function* () {
+    const onConfirm = React.useCallback(() => __awaiter$w(void 0, void 0, void 0, function* () {
         const spokenLanguageCode = selectedSpokenLanguage.key;
         const captionLanguageCode = selectedCaptionLanguage.key;
         if (isCaptionsFeatureActive) {
@@ -22867,7 +22906,7 @@ const findConditionalCompiledSelector = (component) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$u = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$v = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -22890,14 +22929,14 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
     let messageIterator = undefined;
     let readReceiptIterator = undefined;
     return {
-        onSendMessage: (content, options) => __awaiter$u(void 0, void 0, void 0, function* () {
+        onSendMessage: (content, options) => __awaiter$v(void 0, void 0, void 0, function* () {
             const sendMessageRequest = {
                 content,
                 senderDisplayName: chatClient.getState().displayName
             };
             yield chatThreadClient.sendMessage(sendMessageRequest, options);
         }),
-        onUpdateMessage: (messageId, content, options) => __awaiter$u(void 0, void 0, void 0, function* () {
+        onUpdateMessage: (messageId, content, options) => __awaiter$v(void 0, void 0, void 0, function* () {
             const updatedMetadata = (options === null || options === void 0 ? void 0 : options.metadata) ? Object.assign({}, options.metadata) : {};
             if ((options === null || options === void 0 ? void 0 : options.attachmentMetadata) && (options === null || options === void 0 ? void 0 : options.attachmentMetadata.length) > 0) {
                 // Only create object if there are objects to add.
@@ -22905,23 +22944,23 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
             }
             yield chatThreadClient.updateMessage(messageId, { content, metadata: updatedMetadata });
         }),
-        onDeleteMessage: (messageId) => __awaiter$u(void 0, void 0, void 0, function* () {
+        onDeleteMessage: (messageId) => __awaiter$v(void 0, void 0, void 0, function* () {
             yield chatThreadClient.deleteMessage(messageId);
         }),
         // This handler is designed for chatThread to consume
-        onMessageSeen: (chatMessageId) => __awaiter$u(void 0, void 0, void 0, function* () {
+        onMessageSeen: (chatMessageId) => __awaiter$v(void 0, void 0, void 0, function* () {
             yield chatThreadClient.sendReadReceipt({ chatMessageId });
         }),
-        onTyping: () => __awaiter$u(void 0, void 0, void 0, function* () {
+        onTyping: () => __awaiter$v(void 0, void 0, void 0, function* () {
             yield chatThreadClient.sendTypingNotification();
         }),
-        onRemoveParticipant: (userId) => __awaiter$u(void 0, void 0, void 0, function* () {
+        onRemoveParticipant: (userId) => __awaiter$v(void 0, void 0, void 0, function* () {
             yield chatThreadClient.removeParticipant(fromFlatCommunicationIdentifier(userId));
         }),
-        updateThreadTopicName: (topicName) => __awaiter$u(void 0, void 0, void 0, function* () {
+        updateThreadTopicName: (topicName) => __awaiter$v(void 0, void 0, void 0, function* () {
             yield chatThreadClient.updateTopic(topicName);
         }),
-        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$u(void 0, void 0, void 0, function* () {
+        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$v(void 0, void 0, void 0, function* () {
             var _a, _b, _c;
             if (messageIterator === undefined) {
                 // Lazy definition so that errors in the method call are reported correctly.
@@ -23832,7 +23871,7 @@ const Constants = {
  */
 const chatStatefulLogger = logger.createClientLogger('communication-react:chat-stateful');
-var __awaiter$t = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$u = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -23874,7 +23913,7 @@ class ResourceDownloadQueue {
         this._messagesNeedingResourceRetrieval.push(copy);
     }
     startQueue(threadId, operation, options) {
-        return __awaiter$t(this, void 0, void 0, function* () {
+        return __awaiter$u(this, void 0, void 0, function* () {
             if (this.isActive) {
                 return;
             }
@@ -23910,7 +23949,7 @@ class ResourceDownloadQueue {
         }
     }
     downloadSingleUrl(message, resourceUrl, operation) {
-        return __awaiter$t(this, void 0, void 0, function* () {
+        return __awaiter$u(this, void 0, void 0, function* () {
             const response = { sourceUrl: '' };
             try {
                 const abortController = new AbortController();
@@ -23926,7 +23965,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadAllPreviewUrls(message, operation) {
-        return __awaiter$t(this, void 0, void 0, function* () {
+        return __awaiter$u(this, void 0, void 0, function* () {
             var _a;
             const attachments = (_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments;
             if (message.type === 'html' && attachments) {
@@ -23953,7 +23992,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadResource(operation, url, abortController) {
-        return __awaiter$t(this, void 0, void 0, function* () {
+        return __awaiter$u(this, void 0, void 0, function* () {
             this._requestsToCancel[url] = { src: url, abortController };
             const blobUrl = yield operation(url, { credential: this._credential, endpoint: this._endpoint }, { abortController });
             delete this._requestsToCancel[url];
@@ -23964,9 +24003,9 @@ class ResourceDownloadQueue {
 /**
  * @private
  */
-const fetchImageSource = (src, authentication, options) => __awaiter$t(void 0, void 0, void 0, function* () {
+const fetchImageSource = (src, authentication, options) => __awaiter$u(void 0, void 0, void 0, function* () {
     function fetchWithAuthentication(url, token, options) {
-        return __awaiter$t(this, void 0, void 0, function* () {
+        return __awaiter$u(this, void 0, void 0, function* () {
             const headers = new Headers();
             headers.append('Authorization', `Bearer ${token}`);
             return yield fetchWithTimeout(url, {
@@ -23977,7 +24016,7 @@ const fetchImageSource = (src, authentication, options) => __awaiter$t(void 0, v
         });
     }
     function fetchWithTimeout(resource, options) {
-        return __awaiter$t(this, void 0, void 0, function* () {
+        return __awaiter$u(this, void 0, void 0, function* () {
             // default timeout is 30 seconds
             const { timeout = 30000, abortController } = options;
             const id = setTimeout(() => {
@@ -24001,7 +24040,7 @@ const fetchImageSource = (src, authentication, options) => __awaiter$t(void 0, v
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$s = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$t = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -24077,7 +24116,7 @@ let ChatContext$1 = class ChatContext {
         // Any item in queue should be removed.
     }
     downloadResourceToCache(threadId, messageId, resourceUrl) {
-        return __awaiter$s(this, void 0, void 0, function* () {
+        return __awaiter$t(this, void 0, void 0, function* () {
             var _a;
             let message = (_a = this.getState().threads[threadId]) === null || _a === void 0 ? void 0 : _a.chatMessages[messageId];
             if (message && this._fullsizeImageQueue) {
@@ -24356,7 +24395,7 @@ let ChatContext$1 = class ChatContext {
      * @throws ChatError. Exceptions thrown from `f` are tagged with the failed `target.
      */
     withAsyncErrorTeedToState(f, target) {
-        return (...args) => __awaiter$s(this, void 0, void 0, function* () {
+        return (...args) => __awaiter$t(this, void 0, void 0, function* () {
             try {
                 return yield f(...args);
             }
@@ -24469,7 +24508,7 @@ const convertChatMessage = (message, status = 'delivered', clientMessageId) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$r = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$s = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -24557,7 +24596,7 @@ class EventSubscriber {
         };
         // This is a temporary fix that no participant message is received for onChatMessageReceived event, which should be handled by JS SDK.
         // Without the temporary fix, there are missing 'participant joined' and 'participant left' system messages in the chat thread.
-        this.fetchLastParticipantMessage = (threadId, actionType) => __awaiter$r(this, void 0, void 0, function* () {
+        this.fetchLastParticipantMessage = (threadId, actionType) => __awaiter$s(this, void 0, void 0, function* () {
             var _a, e_1, _b, _c;
             try {
                 for (var _d = true, _e = __asyncValues$1(this.chatClient
@@ -24651,7 +24690,7 @@ class EventSubscriber {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$q = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$r = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -24673,7 +24712,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
         const threadsIterator = iteratorCreator(...args);
         return {
             next() {
-                return __awaiter$q(this, void 0, void 0, function* () {
+                return __awaiter$r(this, void 0, void 0, function* () {
                     const result = yield threadsIterator.next();
                     if (!result.done && result.value) {
                         decorateFn(result.value, context);
@@ -24688,7 +24727,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
                 const pages = threadsIterator.byPage(settings);
                 return {
                     next() {
-                        return __awaiter$q(this, void 0, void 0, function* () {
+                        return __awaiter$r(this, void 0, void 0, function* () {
                             const result = yield pages.next();
                             const page = result.value;
                             if (!result.done && result.value) {
@@ -24775,7 +24814,7 @@ const createDecoratedListParticipants = (chatThreadClient, context) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$p = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$q = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -24794,14 +24833,14 @@ class ProxyChatThreadClient {
                 return createDecoratedListMessages(chatThreadClient, this._context);
             }
             case 'getMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$p(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
                     const message = yield chatThreadClient.getMessage(...args);
                     this._context.setChatMessage(chatThreadClient.threadId, convertChatMessage(message));
                     return message;
                 }), 'ChatThreadClient.getMessage');
             }
             case 'sendMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$p(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
                     var _a;
                     // Retry logic?
                     const [request, options] = args;
@@ -24842,7 +24881,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.sendMessage');
             }
             case 'addParticipants': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$p(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.addParticipants(...args);
                     const [addRequest] = args;
                     const participantsToAdd = addRequest.participants;
@@ -24851,7 +24890,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.addParticipants');
             }
             case 'deleteMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$p(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
                     // DeleteMessage is able to either delete local one(for failed message) or synced message
                     const [messageId] = args;
                     if (this._context.deleteLocalMessage(chatThreadClient.threadId, messageId)) {
@@ -24869,12 +24908,12 @@ class ProxyChatThreadClient {
                 return createDecoratedListReadReceipts(chatThreadClient, this._context);
             }
             case 'sendTypingNotification': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$p(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
                     return yield chatThreadClient.sendTypingNotification(...args);
                 }), 'ChatThreadClient.sendTypingNotification');
             }
             case 'removeParticipant': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$p(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.removeParticipant(...args);
                     const [removeIdentifier] = args;
                     this._context.deleteParticipant(chatThreadClient.threadId, communicationCommon.getIdentifierKind(removeIdentifier));
@@ -24882,7 +24921,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.removeParticipant');
             }
             case 'updateMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$p(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.updateMessage(...args);
                     const [messageId, updateOption] = args;
                     this._context.updateChatMessageContent(chatThreadClient.threadId, messageId, updateOption === null || updateOption === void 0 ? void 0 : updateOption.content);
@@ -24890,7 +24929,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateMessage');
             }
             case 'updateTopic': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$p(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.updateTopic(...args);
                     const [topic] = args;
                     this._context.updateThreadTopic(chatThreadClient.threadId, topic);
@@ -24898,7 +24937,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateTopic');
             }
             case 'getProperties': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$p(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.getProperties(...args);
                     this._context.updateThread(chatThreadClient.threadId, result);
                     return result;
@@ -24936,7 +24975,7 @@ const createDecoratedListThreads = (chatClient, context) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$o = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$p = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -24955,7 +24994,7 @@ const proxyChatClient = {
         switch (prop) {
             case 'createChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$o(this, void 0, void 0, function* () {
+                    return __awaiter$p(this, void 0, void 0, function* () {
                         const result = yield chatClient.createChatThread(...args);
                         const thread = result.chatThread;
                         if (thread) {
@@ -24968,7 +25007,7 @@ const proxyChatClient = {
             }
             case 'deleteChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$o(this, void 0, void 0, function* () {
+                    return __awaiter$p(this, void 0, void 0, function* () {
                         const result = yield chatClient.deleteChatThread(...args);
                         context.deleteThread(args[0]);
                         return result;
@@ -24988,7 +25027,7 @@ const proxyChatClient = {
             }
             case 'startRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$o(this, void 0, void 0, function* () {
+                    return __awaiter$p(this, void 0, void 0, function* () {
                         const ret = yield chatClient.startRealtimeNotifications(...args);
                         if (!receiver.eventSubscriber) {
                             receiver.eventSubscriber = new EventSubscriber(chatClient, context);
@@ -24999,7 +25038,7 @@ const proxyChatClient = {
             }
             case 'stopRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$o(this, void 0, void 0, function* () {
+                    return __awaiter$p(this, void 0, void 0, function* () {
                         const ret = yield chatClient.stopRealtimeNotifications(...args);
                         if (receiver.eventSubscriber) {
                             receiver.eventSubscriber.unsubscribe();
@@ -25090,7 +25129,7 @@ const _createStatefulChatClientWithDeps = (chatClient, args, options) => {
  * Provides common functions for updating the upload progress, canceling an upload etc.
  * @private
  */
-class FileUpload {
+class AttachmentUpload {
     constructor(data) {
         this._emitter = new EventEmitter.EventEmitter();
         this._emitter.setMaxListeners(_MAX_EVENT_LISTENERS);
@@ -25102,29 +25141,29 @@ class FileUpload {
             this.metadata = data;
         }
         const name = data === null || data === void 0 ? void 0 : data.name;
-        this.fileName = name;
+        this.name = name;
     }
-    notifyUploadProgressChanged(value) {
+    notifyProgressChanged(value) {
         this._emitter.emit('uploadProgressChange', this.id, value);
     }
-    notifyUploadCompleted(metadata) {
+    notifyCompleted(metadata) {
         this._emitter.emit('uploadComplete', this.id, metadata);
     }
-    notifyUploadFailed(message) {
+    notifyFailed(message) {
         this._emitter.emit('uploadFail', this.id, message);
     }
     /**
-     * File upload event subscriber.
-     * @param event - {@link FileUploadEvents}
-     * @param listener - {@link FileUploadEventListener}
+     * Attachment upload event subscriber.
+     * @param event - {@link AttachmentUploadEvents}
+     * @param listener - {@link AttachmentUploadEventListener}
      */
     on(event, listener) {
         this._emitter.addListener(event, listener);
     }
     /**
-     * File upload event unsubscriber.
-     * @param event - {@link FileUploadEvents}
-     * @param listener - {@link FileUploadEventListener}
+     * Attachment upload event unsubscriber.
+     * @param event - {@link AttachmentUploadEvents}
+     * @param listener - {@link AttachmentUploadEventListener}
      */
     off(event, listener) {
         this._emitter.removeListener(event, listener);
@@ -25230,7 +25269,7 @@ const CallCompositeIcon = (props) => (React.createElement(react.FontIcon, Object
  */
 const CallWithChatCompositeIcon = (props) => (React.createElement(react.FontIcon, Object.assign({}, props)));
-var call$k={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",surveyTextboxDefaultText:"Other, please specify",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},SurveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight",invalidMeetingIdentifier:"Invalid meeting ID or passcode"};var chat$k={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$k={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_US = {call:call$k,chat:chat$k,callWithChat:callWithChat$k};
+var call$k={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",surveyTextboxDefaultText:"Other, please specify",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},SurveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight",hangUpConfirmButtonLabel:"Confirm",hangUpCancelButtonLabel:"Cancel",leaveConfirmDialogTitle:"Leave the call?",leaveConfirmDialogContent:"Are you sure you want to leave the call?",endCallConfirmDialogTitle:"End the call?",endCallConfirmDialogContent:"You'll end the call for everyone.",invalidMeetingIdentifier:"Invalid meeting ID or passcode"};var chat$k={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$k={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_US = {call:call$k,chat:chat$k,callWithChat:callWithChat$k};
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -25272,11 +25311,13 @@ const useLocale = () => React.useContext(LocaleContext);
 /**
  * @internal
  */
-const FileUploadButton = (props) => {
+const AttachmentUploadButton = (props) => {
     const inputRef = React.useRef(null);
     const theme = react.useTheme();
-    const { accept, multiple = false, onChange } = props;
-    const fileUploadButtonClassName = react.mergeStyles({
+    // default supportedMediaTypes is ['*'], meaning all media types are supported.
+    // default disableMultipleUploads is false, meaning multiple files can be selected.
+    const { supportedMediaTypes = ['*'], disableMultipleUploads = false, onChange } = props;
+    const attachmentUploadButtonClassName = react.mergeStyles({
         width: '1.5rem',
         height: '1.5rem',
         cursor: 'pointer',
@@ -25295,13 +25336,13 @@ const FileUploadButton = (props) => {
         }
     });
     return (React.createElement(React.Fragment, null,
-        React.createElement(react.Stack, { verticalAlign: "center", horizontalAlign: "center", className: fileUploadButtonClassName, onClick: () => {
+        React.createElement(react.Stack, { verticalAlign: "center", horizontalAlign: "center", className: attachmentUploadButtonClassName, onClick: () => {
                 var _a;
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
             } },
             React.createElement(react.IconButton, { className: iconButtonClassName, ariaLabel: uploadFileButtonStringTrampoline() },
                 React.createElement(SendBoxAttachFileIconTrampoline, null))),
-        React.createElement("input", { ref: inputRef, hidden: true, multiple: multiple !== null && multiple !== void 0 ? multiple : true, accept: accept !== null && accept !== void 0 ? accept : '*', type: "file", onClick: (e) => {
+        React.createElement("input", { ref: inputRef, hidden: true, multiple: !disableMultipleUploads, accept: supportedMediaTypes.join(','), type: "file", onClick: (e) => {
                 // To ensure that `onChange` is fired even if the same file is picked again.
                 e.currentTarget.value = '';
             }, onChange: (e) => {
@@ -25313,17 +25354,17 @@ const SendBoxAttachFileIconTrampoline = () => {
     return React.createElement(ChatCompositeIcon, { iconName: "SendBoxAttachFile" });
 };
 /**
- * A wrapper to return {@link FileUploadButton} component conditionally.
+ * A wrapper to return {@link AttachmentUploadButton} component conditionally.
  * It will return `<></>` for stable builds.
  * @internal
  */
-const FileUploadButtonWrapper = (
+const AttachmentUploadButtonWrapper = (
 // To make conditional compilation not throw errors.
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 props) => {
     return (React.createElement(React.Fragment, null,
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    React.createElement(FileUploadButton, Object.assign({}, props))));
+    React.createElement(AttachmentUploadButton, Object.assign({}, props))));
 };
 const uploadFileButtonStringTrampoline = () => {
     //@conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload)
@@ -25338,38 +25379,45 @@ const uploadFileButtonStringTrampoline = () => {
 /**
  * @internal
  */
-class FileUploadContext {
+class AttachmentUploadContext {
     constructor(chatContext) {
         this.chatContext = chatContext;
     }
-    getFileUploads() {
-        return this.chatContext.getState().fileUploads;
+    getAttachmentUploads() {
+        return this.chatContext.getState().attachmentUploads;
     }
-    addFileUploads(fileUploads) {
-        const fileUploadsMap = convertObservableFileUploadToFileUploadsUiState(fileUploads);
+    addAttachmentUploads(attachmentUploads) {
+        const attachmentUploadsMap = convertObservableAttachmentUploadToAttachmentUploadsUiState(attachmentUploads);
         this.chatContext.setState(immer.produce(this.chatContext.getState(), (draft) => {
-            draft.fileUploads = draft.fileUploads || {};
-            draft.fileUploads = Object.assign(Object.assign({}, draft.fileUploads), fileUploadsMap);
+            draft.attachmentUploads = draft.attachmentUploads || {};
+            draft.attachmentUploads = Object.assign(Object.assign({}, draft.attachmentUploads), attachmentUploadsMap);
         }));
     }
-    clearFileUploads() {
+    clearUploads() {
         this.chatContext.setState(immer.produce(this.chatContext.getState(), (draft) => {
-            draft.fileUploads = {};
+            draft.attachmentUploads = {};
         }));
     }
-    updateFileUpload(id, data) {
+    updateAttachmentUpload(id, data) {
         this.chatContext.setState(immer.produce(this.chatContext.getState(), (draft) => {
-            var _a, _b;
-            if ((_a = draft.fileUploads) === null || _a === void 0 ? void 0 : _a[id]) {
-                draft.fileUploads[id] = Object.assign(Object.assign({}, (_b = draft.fileUploads) === null || _b === void 0 ? void 0 : _b[id]), data);
+            var _a, _b, _c, _d;
+            if ((_a = draft.attachmentUploads) === null || _a === void 0 ? void 0 : _a[id]) {
+                draft.attachmentUploads[(_b = data.id) !== null && _b !== void 0 ? _b : id] = Object.assign(Object.assign({}, (_c = draft.attachmentUploads) === null || _c === void 0 ? void 0 : _c[id]), data);
+                if (data.id) {
+                    (_d = draft.attachmentUploads) === null || _d === void 0 ? true : delete _d[id];
+                }
             }
         }));
     }
-    deleteFileUploads(ids) {
+    deleteAttachmentUploads(ids) {
         this.chatContext.setState(immer.produce(this.chatContext.getState(), (draft) => {
             ids.forEach((id) => {
                 var _a;
-                (_a = draft === null || draft === void 0 ? void 0 : draft.fileUploads) === null || _a === void 0 ? true : delete _a[id];
+                const keys = Object.keys((_a = draft === null || draft === void 0 ? void 0 : draft.attachmentUploads) !== null && _a !== void 0 ? _a : []).filter((rawID) => { var _a; return ((_a = draft.attachmentUploads) === null || _a === void 0 ? void 0 : _a[rawID].id) === id; });
+                keys.forEach((key) => {
+                    var _a;
+                    (_a = draft.attachmentUploads) === null || _a === void 0 ? true : delete _a[key];
+                });
             });
         }));
     }
@@ -25378,92 +25426,104 @@ class FileUploadContext {
 /**
  * @internal
  */
-class AzureCommunicationFileUploadAdapter {
+class AzureCommunicationAttachmentUploadAdapter {
     constructor(chatContext) {
-        this.fileUploads = [];
-        this.context = new FileUploadContext(chatContext);
+        this.attachmentUploads = [];
+        this.context = new AttachmentUploadContext(chatContext);
     }
-    findFileUpload(id) {
-        return this.fileUploads.find((fileUpload) => fileUpload.id === id);
+    findAttachmentUpload(id) {
+        return this.attachmentUploads.find((attachmentUpload) => attachmentUpload.id === id);
     }
-    deleteFileUploads(ids) {
-        this.fileUploads = this.fileUploads.filter((fileUpload) => !ids.includes(fileUpload.id));
-        this.context.deleteFileUploads(ids);
+    deleteAttachmentUploads(ids) {
+        this.attachmentUploads = this.attachmentUploads.filter((attachmentUpload) => !ids.includes(attachmentUpload.id));
+        this.context.deleteAttachmentUploads(ids);
     }
-    deleteErroneousFileUploads() {
-        const fileUploads = this.context.getFileUploads() || {};
-        const ids = Object.values(fileUploads)
-            .filter((item) => item.error)
+    deleteErroneousAttachmentUploads() {
+        const attachmentUploads = this.context.getAttachmentUploads() || {};
+        const ids = Object.values(attachmentUploads)
+            .filter((item) => item.uploadError)
             .map((item) => item.id);
         ids.forEach((id) => {
-            const fileUpload = this.findFileUpload(id);
-            this.unsubscribeAllEvents(fileUpload);
-        });
-        this.deleteFileUploads(ids);
-    }
-    registerFileUploads(files) {
-        this.deleteErroneousFileUploads();
-        const fileUploads = [];
-        files.forEach((file) => fileUploads.push(new FileUpload(file)));
-        fileUploads.forEach((fileUpload) => this.subscribeAllEvents(fileUpload));
-        this.fileUploads = this.fileUploads.concat(fileUploads);
-        this.context.addFileUploads(fileUploads);
-        return fileUploads;
-    }
-    registerActiveFileUploads(files) {
-        return this.registerFileUploads(files);
-    }
-    registerCompletedFileUploads(metadata) {
-        return this.registerFileUploads(metadata);
-    }
-    clearFileUploads() {
-        this.context.clearFileUploads();
-        this.fileUploads.forEach((fileUpload) => this.unsubscribeAllEvents(fileUpload));
-        this.fileUploads = [];
-    }
-    cancelFileUpload(id) {
-        this.deleteErroneousFileUploads();
-        const fileUpload = this.findFileUpload(id);
-        this.unsubscribeAllEvents(fileUpload);
-        this.deleteFileUploads([id]);
-    }
-    updateFileUploadProgress(id, progress) {
-        this.context.updateFileUpload(id, { progress });
-    }
-    updateFileUploadErrorMessage(id, errorMessage) {
-        this.context.updateFileUpload(id, {
-            error: {
+            const attachmentUpload = this.findAttachmentUpload(id);
+            this.unsubscribeAllEvents(attachmentUpload);
+        });
+        this.deleteAttachmentUploads(ids);
+    }
+    registerAttachmentUploads(files) {
+        this.deleteErroneousAttachmentUploads();
+        const attachmentUploads = [];
+        files.forEach((file) => attachmentUploads.push(new AttachmentUpload(file)));
+        attachmentUploads.forEach((attachmentUpload) => this.subscribeAllEvents(attachmentUpload));
+        this.attachmentUploads = this.attachmentUploads.concat(attachmentUploads);
+        this.context.addAttachmentUploads(attachmentUploads);
+        return attachmentUploads;
+    }
+    registerActiveUploads(files) {
+        return this.registerAttachmentUploads(files);
+    }
+    registerCompletedUploads(metadata) {
+        return this.registerAttachmentUploads(metadata);
+    }
+    clearUploads() {
+        this.context.clearUploads();
+        this.attachmentUploads.forEach((attachmentUpload) => this.unsubscribeAllEvents(attachmentUpload));
+        this.attachmentUploads = [];
+    }
+    cancelUpload(id) {
+        this.deleteErroneousAttachmentUploads();
+        const attachmentUpload = this.findAttachmentUpload(id);
+        this.unsubscribeAllEvents(attachmentUpload);
+        this.deleteAttachmentUploads([id]);
+    }
+    updateUploadProgress(id, progress) {
+        this.context.updateAttachmentUpload(id, { progress });
+    }
+    updateUploadStatusMessage(id, errorMessage) {
+        this.context.updateAttachmentUpload(id, {
+            uploadError: {
                 message: errorMessage,
                 timestamp: Date.now()
             }
         });
     }
-    updateFileUploadMetadata(id, metadata) {
-        this.context.updateFileUpload(id, { progress: 1, metadata });
+    updateUploadMetadata(id, metadata) {
+        this.context.updateAttachmentUpload(id, {
+            progress: 1,
+            id: metadata.id,
+            name: metadata.name,
+            url: metadata.url,
+            extension: metadata.extension
+        });
     }
-    subscribeAllEvents(fileUpload) {
-        fileUpload.on('uploadProgressChange', this.updateFileUploadProgress.bind(this));
-        fileUpload.on('uploadComplete', this.updateFileUploadMetadata.bind(this));
-        fileUpload.on('uploadFail', this.updateFileUploadErrorMessage.bind(this));
+    subscribeAllEvents(attachmentUpload) {
+        attachmentUpload.on('uploadProgressChange', this.updateUploadProgress.bind(this));
+        attachmentUpload.on('uploadComplete', this.updateUploadMetadata.bind(this));
+        attachmentUpload.on('uploadFail', this.updateUploadStatusMessage.bind(this));
     }
-    unsubscribeAllEvents(fileUpload) {
-        fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadProgressChange', this.updateFileUploadProgress.bind(this));
-        fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadComplete', this.updateFileUploadMetadata.bind(this));
-        fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadFail', this.updateFileUploadErrorMessage.bind(this));
+    unsubscribeAllEvents(attachmentUpload) {
+        attachmentUpload === null || attachmentUpload === void 0 ? void 0 : attachmentUpload.off('uploadProgressChange', this.updateUploadProgress.bind(this));
+        attachmentUpload === null || attachmentUpload === void 0 ? void 0 : attachmentUpload.off('uploadComplete', this.updateUploadMetadata.bind(this));
+        attachmentUpload === null || attachmentUpload === void 0 ? void 0 : attachmentUpload.off('uploadFail', this.updateUploadStatusMessage.bind(this));
     }
 }
 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
- * @param fileUploadUiState {@link FileUploadsUiState}
+ * @param attachmentUploadUiState {@link AttachmentUploadsUiState}
  * @private
  */
-const convertFileUploadsUiStateToMessageMetadata = (fileUploads) => {
-    if (fileUploads) {
+const convertAttachmentUploadsUiStateToMessageMetadata = (attachmentUploads) => {
+    if (attachmentUploads) {
         const fileMetadata = [];
-        Object.keys(fileUploads).forEach((key) => {
-            const file = fileUploads[key];
-            if (!file.error && file.metadata) {
-                fileMetadata.push(file.metadata);
+        Object.keys(attachmentUploads).forEach((key) => {
+            const attachment = attachmentUploads[key];
+            if (attachment && !attachment.uploadError) {
+                fileMetadata.push({
+                    id: attachment.id,
+                    name: attachment.name,
+                    extension: attachment.extension,
+                    url: attachment.url,
+                    progress: attachment.progress
+                });
             }
         });
         if (fileMetadata.length > 0) {
@@ -25476,13 +25536,13 @@ const convertFileUploadsUiStateToMessageMetadata = (fileUploads) => {
 /**
  * @private
  */
-const convertObservableFileUploadToFileUploadsUiState = (fileUploads) => {
-    return fileUploads.reduce((map, fileUpload) => {
-        map[fileUpload.id] = {
-            id: fileUpload.id,
-            filename: fileUpload.fileName,
+const convertObservableAttachmentUploadToAttachmentUploadsUiState = (attachmentUploads) => {
+    return attachmentUploads.reduce((map, attachmentUpload) => {
+        map[attachmentUpload.id] = {
+            id: attachmentUpload.id,
+            name: attachmentUpload.name,
             progress: 0,
-            metadata: fileUpload.metadata
+            extension: attachmentUpload.name.split('.').pop() || ''
         };
         return map;
     }, {});
@@ -25490,7 +25550,7 @@ const convertObservableFileUploadToFileUploadsUiState = (fileUploads) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$n = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$o = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -25553,7 +25613,7 @@ class ChatContext {
             latestErrors: clientState.latestErrors
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        updatedState = Object.assign(Object.assign({}, updatedState), { fileUploads: this.state.fileUploads });
+        updatedState = Object.assign(Object.assign({}, updatedState), { attachmentUploads: this.state.attachmentUploads });
         this.setState(updatedState);
     }
 }
@@ -25568,7 +25628,7 @@ class AzureCommunicationChatAdapter {
         this.chatThreadClient = chatThreadClient;
         this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
+        this.attachmentUploadAdapter = new AzureCommunicationAttachmentUploadAdapter(this.context);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
             if (!this) {
@@ -25598,19 +25658,19 @@ class AzureCommunicationChatAdapter {
         this.on = this.on.bind(this);
         this.off = this.off.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerActiveFileUploads = this.registerActiveFileUploads.bind(this);
+        this.registerActiveUploads = this.registerActiveUploads.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerCompletedFileUploads = this.registerCompletedFileUploads.bind(this);
+        this.registerCompletedUploads = this.registerCompletedUploads.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.clearFileUploads = this.clearFileUploads.bind(this);
+        this.clearUploads = this.clearUploads.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.cancelFileUpload = this.cancelFileUpload.bind(this);
+        this.cancelUpload = this.cancelUpload.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadProgress = this.updateFileUploadProgress.bind(this);
+        this.updateUploadProgress = this.updateUploadProgress.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
+        this.updateUploadStatusMessage = this.updateUploadStatusMessage.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
+        this.updateUploadMetadata = this.updateUploadMetadata.bind(this);
         this.downloadResourceToCache = this.downloadResourceToCache.bind(this);
         this.removeResourceFromCache = this.removeResourceFromCache.bind(this);
     }
@@ -25619,9 +25679,9 @@ class AzureCommunicationChatAdapter {
         this.chatClient.dispose();
     }
     fetchInitialData() {
-        return __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
             // If get properties fails we dont want to try to get the participants after.
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 var _a, e_1, _b, _c;
                 yield this.chatThreadClient.getProperties();
                 try {
@@ -25657,61 +25717,61 @@ class AzureCommunicationChatAdapter {
         this.context.offStateChange(handler);
     }
     sendMessage(content_1) {
-        return __awaiter$n(this, arguments, void 0, function* (content, options = {}) {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, arguments, void 0, function* (content, options = {}) {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                options.metadata = Object.assign(Object.assign({}, options.metadata), convertFileUploadsUiStateToMessageMetadata(this.context.getState().fileUploads));
+                options.metadata = Object.assign(Object.assign({}, options.metadata), convertAttachmentUploadsUiStateToMessageMetadata(this.context.getState().attachmentUploads));
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 /**
                  * All the current uploads need to be clear from the state before a message has been sent.
                  * This ensures the following behavior:
                  * 1. File Upload cards are removed from sendbox at the same time text in sendbox is removed.
-                 * 2. any component rendering these file uploads doesn't continue to do so.
-                 * 3. Cleans the state for new file uploads with a fresh message.
+                 * 2. any component rendering these attachment uploads doesn't continue to do so.
+                 * 3. Cleans the state for new attachment uploads with a fresh message.
                  */
-                this.fileUploadAdapter.clearFileUploads();
+                this.attachmentUploadAdapter.clearUploads();
                 yield this.handlers.onSendMessage(content, options);
             }));
         });
     }
     sendReadReceipt(chatMessageId) {
-        return __awaiter$n(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 yield this.handlers.onMessageSeen(chatMessageId);
             }));
         });
     }
     sendTypingIndicator() {
-        return __awaiter$n(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 yield this.handlers.onTyping();
             }));
         });
     }
     removeParticipant(userId) {
-        return __awaiter$n(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 yield this.handlers.onRemoveParticipant(userId);
             }));
         });
     }
     setTopic(topicName) {
-        return __awaiter$n(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 yield this.handlers.updateThreadTopicName(topicName);
             }));
         });
     }
     loadPreviousChatMessages(messagesToLoad) {
-        return __awaiter$n(this, void 0, void 0, function* () {
-            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 return yield this.handlers.onLoadPreviousChatMessages(messagesToLoad);
             }));
         });
     }
     updateMessage(messageId, content, metadata, options) {
-        return __awaiter$n(this, void 0, void 0, function* () {
-            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 const updatedOptions = { attachmentMetadata: options === null || options === void 0 ? void 0 : options.attachmentMetadata, metadata: metadata };
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
@@ -25720,42 +25780,42 @@ class AzureCommunicationChatAdapter {
         });
     }
     deleteMessage(messageId) {
-        return __awaiter$n(this, void 0, void 0, function* () {
-            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 return yield this.handlers.onDeleteMessage(messageId);
             }));
         });
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    registerActiveFileUploads(files) {
-        return this.fileUploadAdapter.registerActiveFileUploads(files);
+    registerActiveUploads(files) {
+        return this.attachmentUploadAdapter.registerActiveUploads(files);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    registerCompletedFileUploads(metadata) {
-        return this.fileUploadAdapter.registerCompletedFileUploads(metadata);
+    registerCompletedUploads(metadata) {
+        return this.attachmentUploadAdapter.registerCompletedUploads(metadata);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    clearFileUploads() {
-        this.fileUploadAdapter.clearFileUploads();
+    clearUploads() {
+        this.attachmentUploadAdapter.clearUploads();
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    cancelFileUpload(id) {
-        this.fileUploadAdapter.cancelFileUpload(id);
+    cancelUpload(id) {
+        this.attachmentUploadAdapter.cancelUpload(id);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    updateFileUploadProgress(id, progress) {
-        this.fileUploadAdapter.updateFileUploadProgress(id, progress);
+    updateUploadProgress(id, progress) {
+        this.attachmentUploadAdapter.updateUploadProgress(id, progress);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    updateFileUploadErrorMessage(id, errorMessage) {
-        this.fileUploadAdapter.updateFileUploadErrorMessage(id, errorMessage);
+    updateUploadStatusMessage(id, errorMessage) {
+        this.attachmentUploadAdapter.updateUploadStatusMessage(id, errorMessage);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    updateFileUploadMetadata(id, metadata) {
-        this.fileUploadAdapter.updateFileUploadMetadata(id, metadata);
+    updateUploadMetadata(id, metadata) {
+        this.attachmentUploadAdapter.updateUploadMetadata(id, metadata);
     }
     downloadResourceToCache(resourceDetails) {
-        return __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
             this.chatClient.downloadResourceToCache(resourceDetails.threadId, resourceDetails.messageId, resourceDetails.resourceUrl);
         });
     }
@@ -25834,7 +25894,7 @@ class AzureCommunicationChatAdapter {
         this.emitter.off(event, listener);
     }
     asyncTeeErrorToEventEmitter(f) {
-        return __awaiter$n(this, void 0, void 0, function* () {
+        return __awaiter$o(this, void 0, void 0, function* () {
             try {
                 return yield f();
             }
@@ -25884,7 +25944,7 @@ const convertEventType = (type) => {
  *
  * @public
  */
-const createAzureCommunicationChatAdapter = (_a) => __awaiter$n(void 0, [_a], void 0, function* ({ endpoint: endpointUrl, userId, displayName, credential, threadId }) {
+const createAzureCommunicationChatAdapter = (_a) => __awaiter$o(void 0, [_a], void 0, function* ({ endpoint: endpointUrl, userId, displayName, credential, threadId }) {
     return _createAzureCommunicationChatAdapterInner(endpointUrl, userId, displayName, credential, threadId);
 });
 /**
@@ -25892,7 +25952,7 @@ const createAzureCommunicationChatAdapter = (_a) => __awaiter$n(void 0, [_a], vo
  *
  * @internal
  */
-const _createAzureCommunicationChatAdapterInner = (endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1) => __awaiter$n(void 0, [endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
+const _createAzureCommunicationChatAdapterInner = (endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1) => __awaiter$o(void 0, [endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
     if (!_isValidIdentifier(userId)) {
         throw new Error('Provided userId is invalid. Please provide valid identifier object.');
     }
@@ -25912,7 +25972,7 @@ const _createAzureCommunicationChatAdapterInner = (endpoint_1, userId_1, display
  * ThreadId is a promise to allow for lazy initialization of the adapter.
  * @internal
  */
-const _createLazyAzureCommunicationChatAdapterInner = (endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2) => __awaiter$n(void 0, [endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
+const _createLazyAzureCommunicationChatAdapterInner = (endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2) => __awaiter$o(void 0, [endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
     if (!_isValidIdentifier(userId)) {
         throw new Error('Provided userId is invalid. Please provide valid identifier object.');
     }
@@ -25922,7 +25982,7 @@ const _createLazyAzureCommunicationChatAdapterInner = (endpoint_2, userId_2, dis
         endpoint,
         credential
     }, undefined, telemetryImplementationHint);
-    return threadId.then((threadId) => __awaiter$n(void 0, void 0, void 0, function* () {
+    return threadId.then((threadId) => __awaiter$o(void 0, void 0, void 0, function* () {
         const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
         yield chatClient.startRealtimeNotifications();
         const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
@@ -25980,7 +26040,7 @@ beforeDispose) => {
         if (!credential || !displayName || !endpoint || !threadId || !userId) {
             return;
         }
-        (() => __awaiter$n(void 0, void 0, void 0, function* () {
+        (() => __awaiter$o(void 0, void 0, void 0, function* () {
             if (adapterRef.current) {
                 // Dispose the old adapter when a new one is created.
                 //
@@ -26012,7 +26072,7 @@ beforeDispose) => {
     // Dispose any existing adapter when the component unmounts.
     React.useEffect(() => {
         return () => {
-            (() => __awaiter$n(void 0, void 0, void 0, function* () {
+            (() => __awaiter$o(void 0, void 0, void 0, function* () {
                 if (adapterRef.current) {
                     if (beforeDisposeRef.current) {
                         yield beforeDisposeRef.current(adapterRef.current);
@@ -26034,7 +26094,7 @@ beforeDispose) => {
  * @public
  */
 function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient) {
-    return __awaiter$n(this, void 0, void 0, function* () {
+    return __awaiter$o(this, void 0, void 0, function* () {
         return new AzureCommunicationChatAdapter(chatClient, chatThreadClient);
     });
 }
@@ -26267,7 +26327,7 @@ const sendboxContainerStyles = {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$m = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$n = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -26288,7 +26348,7 @@ const AvatarPersona = (props) => {
     const { userId, dataProvider, text, imageUrl, imageInitials, initialsColor, initialsTextColor, showOverflowTooltip } = props;
     const [data, setData] = React.useState();
     React.useEffect(() => {
-        (() => __awaiter$m(void 0, void 0, void 0, function* () {
+        (() => __awaiter$n(void 0, void 0, void 0, function* () {
             if (dataProvider && userId) {
                 const newData = yield dataProvider(userId);
                 if (avatarDeepDifferenceCheck(data, newData)) {
@@ -26710,9 +26770,9 @@ const AttachmentDownloadErrorBar = (props) => {
 /**
  * @private
  */
-const getFileUploads = (state) => {
+const getAttachmentUploads = (state) => {
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    return state === null || state === void 0 ? void 0 : state.fileUploads;
+    return state === null || state === void 0 ? void 0 : state.attachmentUploads;
 };
 // Copyright (c) Microsoft Corporation.
@@ -26720,8 +26780,8 @@ const getFileUploads = (state) => {
 /**
  * @private
  */
-const fileUploadsSelector = reselect.createSelector([getFileUploads], (fileUploads) => {
-    const files = Object.values(fileUploads || {}).map((fileUpload) => (Object.assign(Object.assign({}, fileUpload), { uploadComplete: !!fileUpload.metadata })));
+const attachmentUploadsSelector = reselect.createSelector([getAttachmentUploads], (attachmentUploads) => {
+    const files = Object.values(attachmentUploads || {}).map((attachmentUpload) => (Object.assign(Object.assign({}, attachmentUpload), { uploadComplete: !!attachmentUpload })));
     return { files: files };
 });
@@ -26738,7 +26798,7 @@ const useSelector$2 = (selector, selectorProps) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CH6WvEGZ.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-BTyywbnH.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  */
@@ -26748,19 +26808,19 @@ const SendBox = (props) => {
     adapter } = props;
     const sendBoxProps = usePropsFor$2(SendBox$1);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    const activeFileUploads = useSelector$2(fileUploadsSelector).files;
+    const activeAttachmentUploads = useSelector$2(attachmentUploadsSelector).files;
     const sendBoxStyles = React.useMemo(() => {
         return Object.assign({}, styles);
     }, [styles]);
     const simpleSendBox = React.useMemo(() => (React.createElement(SendBox$1, Object.assign({}, sendBoxProps, { autoFocus: options === null || options === void 0 ? void 0 : options.autoFocus, styles: sendBoxStyles,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        activeFileUploads: activeFileUploads,
+        activeAttachmentUploads: activeAttachmentUploads,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        onCancelFileUpload: adapter.cancelFileUpload }))), [
+        onCancelAttachmentUpload: adapter.cancelUpload }))), [
         sendBoxProps,
         options,
         sendBoxStyles,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ activeFileUploads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ activeAttachmentUploads,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ adapter
     ]);
     // /* @conditional-compile-remove(rich-text-editor) */
@@ -26773,7 +26833,7 @@ const SendBox = (props) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$l = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$m = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -26786,7 +26846,8 @@ var __awaiter$l = (window && window.__awaiter) || function (thisArg, _arguments,
  * @private
  */
 const ChatScreen = (props) => {
-    const { onFetchAvatarPersonaData, onRenderMessage, onRenderTypingIndicator, options, styles, fileSharing, formFactor } = props;
+    var _a, _b, _c, _d;
+    const { onFetchAvatarPersonaData, onRenderMessage, onRenderTypingIndicator, options, styles, attachmentOptions, formFactor } = props;
     const defaultNumberOfChatMessagesToReload = 5;
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const [downloadErrorMessage, setDownloadErrorMessage] = React.useState('');
@@ -26796,7 +26857,7 @@ const ChatScreen = (props) => {
     const theme = useTheme();
     React.useEffect(() => {
         // Initial data should be always fetched by the composite(or external caller) instead of the adapter
-        const fetchData = () => __awaiter$l(void 0, void 0, void 0, function* () {
+        const fetchData = () => __awaiter$m(void 0, void 0, void 0, function* () {
             // Fetch initial data for adapter
             yield adapter.fetchInitialData();
             // Fetch initial set of messages. Without fetching messages here, if the Composite's adapter is changed the message thread does not load new messages.
@@ -26847,21 +26908,23 @@ const ChatScreen = (props) => {
         return Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.typingIndicator);
     }, [styles === null || styles === void 0 ? void 0 : styles.typingIndicator]);
     const userId = toFlatCommunicationIdentifier(adapter.getState().userId);
-    const fileUploadButtonOnChange = React.useCallback((files) => {
+    const attachmentUploadButtonOnChange = React.useCallback((files) => {
+        var _a;
         if (!files) {
             return;
         }
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        const fileUploads = adapter.registerActiveFileUploads(Array.from(files));
+        const attachmentUploads = adapter.registerActiveUploads(Array.from(files));
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.uploadHandler(userId, fileUploads);
-    }, [adapter, fileSharing, userId]);
+        (_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _a === void 0 ? void 0 : _a.handler(attachmentUploads);
+    }, [adapter, attachmentOptions]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    const onRenderAttachmentDownloads = React.useCallback((userId, message) => (React.createElement(_AttachmentDownloadCards, { attachments: message.files, message: message,
-        // temp walkaround until upload is refactored
-        actionsForAttachment: fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.actionsForAttachment, onActionHandlerFailed: (errorMessage) => {
-            setDownloadErrorMessage(errorMessage);
-        } })), [fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.actionsForAttachment]);
+    const onRenderAttachmentDownloads = React.useCallback((userId, message) => {
+        var _a;
+        return (React.createElement(_AttachmentDownloadCards, { attachments: message.files, message: message, actionsForAttachment: (_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _a === void 0 ? void 0 : _a.actionsForAttachment, onActionHandlerFailed: (errorMessage) => {
+                setDownloadErrorMessage(errorMessage);
+            } }));
+    }, [(_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _a === void 0 ? void 0 : _a.actionsForAttachment]);
     const onInlineImageClicked = React.useCallback((attachmentId, messageId) => {
         var _a, _b;
         const message = adapter.getState().thread.chatMessages[messageId];
@@ -26950,12 +27013,17 @@ const ChatScreen = (props) => {
         }
     }, [overlayImageItem === null || overlayImageItem === void 0 ? void 0 : overlayImageItem.attachmentId]);
     const AttachFileButton = React.useCallback(() => {
-        var _a, _b;
-        if (!(fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.uploadHandler)) {
+        var _a, _b, _c;
+        if (!((_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _a === void 0 ? void 0 : _a.handler)) {
             return null;
         }
-        return (React.createElement(FileUploadButtonWrapper, { accept: (_a = fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.accept) !== null && _a !== void 0 ? _a : '*', multiple: (_b = fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.multiple) !== null && _b !== void 0 ? _b : true, onChange: fileUploadButtonOnChange }));
-    }, [fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.accept, fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.multiple, fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.uploadHandler, fileUploadButtonOnChange]);
+        return (React.createElement(AttachmentUploadButtonWrapper, { supportedMediaTypes: (_b = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _b === void 0 ? void 0 : _b.supportedMediaTypes, disableMultipleUploads: (_c = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _c === void 0 ? void 0 : _c.disableMultipleUploads, onChange: attachmentUploadButtonOnChange }));
+    }, [
+        (_b = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _b === void 0 ? void 0 : _b.handler,
+        (_c = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _c === void 0 ? void 0 : _c.supportedMediaTypes,
+        (_d = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _d === void 0 ? void 0 : _d.disableMultipleUploads,
+        attachmentUploadButtonOnChange
+    ]);
     return (React.createElement(react.Stack, { className: chatContainer, grow: true },
         (options === null || options === void 0 ? void 0 : options.topic) !== false && React.createElement(ChatHeader, Object.assign({}, headerProps)),
         React.createElement(react.Stack, { className: chatArea, tokens: participantListContainerPadding, horizontal: true, grow: true },
@@ -27013,7 +27081,7 @@ const ChatComposite = (props) => {
                     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                     formFactor: formFactor, options: options, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onRenderTypingIndicator: onRenderTypingIndicator, onRenderMessage: onRenderMessage, onFetchParticipantMenuItems: onFetchParticipantMenuItems,
                     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                    fileSharing: options === null || options === void 0 ? void 0 : options.fileSharing })))));
+                    attachmentOptions: options === null || options === void 0 ? void 0 : options.attachmentOptions })))));
 };
 // Copyright (c) Microsoft Corporation.
@@ -27181,7 +27249,7 @@ const END_CALL_PAGES = [
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$k = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$l = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -27530,7 +27598,7 @@ const isDisabled$4 = (option) => {
 /**
  * @returns Permissions state for the camera.
  */
-const queryCameraPermissionFromPermissionsAPI = () => __awaiter$k(void 0, void 0, void 0, function* () {
+const queryCameraPermissionFromPermissionsAPI = () => __awaiter$l(void 0, void 0, void 0, function* () {
     try {
         return (yield navigator.permissions.query({ name: 'camera' })).state;
     }
@@ -27543,7 +27611,7 @@ const queryCameraPermissionFromPermissionsAPI = () => __awaiter$k(void 0, void 0
 /**
  * @returns Permissions state for the microphone.
  */
-const queryMicrophonePermissionFromPermissionsAPI = () => __awaiter$k(void 0, void 0, void 0, function* () {
+const queryMicrophonePermissionFromPermissionsAPI = () => __awaiter$l(void 0, void 0, void 0, function* () {
     try {
         return (yield navigator.permissions.query({ name: 'microphone' })).state;
     }
@@ -27560,7 +27628,7 @@ const queryMicrophonePermissionFromPermissionsAPI = () => __awaiter$k(void 0, vo
  * If permission API is not supported on this browser, permission state is set to unsupported.
  * @private
  */
-const getDevicePermissionState = (setVideoState, setAudioState) => __awaiter$k(void 0, void 0, void 0, function* () {
+const getDevicePermissionState = (setVideoState, setAudioState) => __awaiter$l(void 0, void 0, void 0, function* () {
     const [cameraResult, microphoneResult] = yield Promise.all([
         queryCameraPermissionFromPermissionsAPI(),
         queryMicrophonePermissionFromPermissionsAPI()
@@ -27646,7 +27714,7 @@ const getLocatorOrTargetCallees = (locatorOrTargetCallees) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$j = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$k = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -27669,22 +27737,22 @@ _component) => {
 };
 const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
     return {
-        onCreateLocalStreamView: (options) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onCreateLocalStreamView: (options) => __awaiter$k(void 0, void 0, void 0, function* () {
             return yield adapter.createStreamView(undefined, options);
         }),
-        onCreateRemoteStreamView: (userId, options) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onCreateRemoteStreamView: (userId, options) => __awaiter$k(void 0, void 0, void 0, function* () {
             return yield adapter.createStreamView(userId, options);
         }),
-        onHangUp: (forEveryone) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onHangUp: (forEveryone) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.leaveCall(forEveryone);
         }),
         /* @conditional-compile-remove(PSTN-calls) */
-        onToggleHold: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onToggleHold: () => __awaiter$k(void 0, void 0, void 0, function* () {
             var _a;
             return ((_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.state) === 'LocalHold' ? yield adapter.resumeCall() : yield adapter.holdCall();
         }),
         /* @conditional-compile-remove(PSTN-calls) */
-        onAddParticipant: (participant, options) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onAddParticipant: (participant, options) => __awaiter$k(void 0, void 0, void 0, function* () {
             if ('communicationUserId' in participant) {
                 return yield adapter.addParticipant(participant);
             }
@@ -27692,10 +27760,10 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
                 return yield adapter.addParticipant(participant, options);
             }
         }),
-        onSendDtmfTone: (dtmfTone) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onSendDtmfTone: (dtmfTone) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.sendDtmfTone(dtmfTone);
         }),
-        onRemoveParticipant: (userId) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onRemoveParticipant: (userId) => __awaiter$k(void 0, void 0, void 0, function* () {
             if (typeof userId === 'string') {
                 yield adapter.removeParticipant(userId);
             }
@@ -27704,137 +27772,137 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
                 yield adapter.removeParticipant(_toCommunicationIdentifier(userId));
             }
         }),
-        onRaiseHand: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onRaiseHand: () => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.raiseHand();
         }),
-        onLowerHand: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onLowerHand: () => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.lowerHand();
         }),
-        onToggleRaiseHand: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onToggleRaiseHand: () => __awaiter$k(void 0, void 0, void 0, function* () {
             var _b;
             ((_b = adapter.getState().call) === null || _b === void 0 ? void 0 : _b.raiseHand.localParticipantRaisedHand)
                 ? yield adapter.lowerHand()
                 : yield adapter.raiseHand();
         }),
         /* @conditional-compile-remove(reaction) */
-        onReactionClick: (reaction) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onReactionClick: (reaction) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.onReactionClick(reaction);
         }),
-        onSelectCamera: (deviceInfo, options) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onSelectCamera: (deviceInfo, options) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.setCamera(deviceInfo, options);
         }),
-        onSelectMicrophone: (deviceInfo) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onSelectMicrophone: (deviceInfo) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.setMicrophone(deviceInfo);
         }),
-        onSelectSpeaker: (deviceInfo) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onSelectSpeaker: (deviceInfo) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.setSpeaker(deviceInfo);
         }),
         onStartCall: (participants, options) => {
             const rawIds = participants.map((participant) => toFlatCommunicationIdentifier(participant));
             return adapter.startCall(rawIds, options);
         },
-        onStartScreenShare: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onStartScreenShare: () => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.startScreenShare();
         }),
-        onStopScreenShare: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onStopScreenShare: () => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.stopScreenShare();
         }),
-        onToggleCamera: (options) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onToggleCamera: (options) => __awaiter$k(void 0, void 0, void 0, function* () {
             isCameraOn(adapter.getState()) ? yield adapter.stopCamera() : yield adapter.startCamera(options);
         }),
-        onToggleMicrophone: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onToggleMicrophone: () => __awaiter$k(void 0, void 0, void 0, function* () {
             var _c;
             return ((_c = adapter.getState().call) === null || _c === void 0 ? void 0 : _c.isMuted) ? yield adapter.unmute() : yield adapter.mute();
         }),
-        onToggleScreenShare: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onToggleScreenShare: () => __awaiter$k(void 0, void 0, void 0, function* () {
             var _d;
             return ((_d = adapter.getState().call) === null || _d === void 0 ? void 0 : _d.isScreenSharingOn)
                 ? yield adapter.stopScreenShare()
                 : yield adapter.startScreenShare();
         }),
-        onStartLocalVideo: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onStartLocalVideo: () => __awaiter$k(void 0, void 0, void 0, function* () {
             if (adapter.getState().call) {
                 return adapter.startCamera();
             }
         }),
-        onDisposeLocalStreamView: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onDisposeLocalStreamView: () => __awaiter$k(void 0, void 0, void 0, function* () {
             return adapter.disposeLocalVideoStreamView();
         }),
-        onDisposeRemoteStreamView: (userId) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onDisposeRemoteStreamView: (userId) => __awaiter$k(void 0, void 0, void 0, function* () {
             return adapter.disposeStreamView(userId);
         }),
-        onDisposeRemoteScreenShareStreamView: (userId) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onDisposeRemoteScreenShareStreamView: (userId) => __awaiter$k(void 0, void 0, void 0, function* () {
             return adapter.disposeScreenShareStreamView(userId);
         }),
-        onDisposeRemoteVideoStreamView: (userId) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onDisposeRemoteVideoStreamView: (userId) => __awaiter$k(void 0, void 0, void 0, function* () {
             return adapter.disposeRemoteVideoStreamView(userId);
         }),
         /* @conditional-compile-remove(call-readiness) */
-        askDevicePermission: (constrain) => __awaiter$j(void 0, void 0, void 0, function* () {
+        askDevicePermission: (constrain) => __awaiter$k(void 0, void 0, void 0, function* () {
             return adapter.askDevicePermission(constrain);
         }),
-        onRemoveVideoBackgroundEffects: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onRemoveVideoBackgroundEffects: () => __awaiter$k(void 0, void 0, void 0, function* () {
             return yield adapter.stopVideoBackgroundEffects();
         }),
-        onBlurVideoBackground: (backgroundBlurConfig) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onBlurVideoBackground: (backgroundBlurConfig) => __awaiter$k(void 0, void 0, void 0, function* () {
             const blurConfig = Object.assign({ effectName: 'blur' }, backgroundBlurConfig);
             return yield adapter.startVideoBackgroundEffect(blurConfig);
         }),
-        onReplaceVideoBackground: (backgroundReplacementConfig) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onReplaceVideoBackground: (backgroundReplacementConfig) => __awaiter$k(void 0, void 0, void 0, function* () {
             const replacementConfig = Object.assign({ effectName: 'replacement' }, backgroundReplacementConfig);
             return yield adapter.startVideoBackgroundEffect(replacementConfig);
         }),
         /* @conditional-compile-remove(close-captions) */
-        onStartCaptions: (options) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onStartCaptions: (options) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.startCaptions(options);
         }),
         /* @conditional-compile-remove(close-captions) */
-        onStopCaptions: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onStopCaptions: () => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.stopCaptions();
         }),
         /* @conditional-compile-remove(close-captions) */
-        onSetSpokenLanguage: (language) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onSetSpokenLanguage: (language) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.setSpokenLanguage(language);
         }),
         /* @conditional-compile-remove(close-captions) */
-        onSetCaptionLanguage: (language) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onSetCaptionLanguage: (language) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.setCaptionLanguage(language);
         }),
         /* @conditional-compile-remove(end-of-call-survey) */
-        onSubmitSurvey: (survey) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onSubmitSurvey: (survey) => __awaiter$k(void 0, void 0, void 0, function* () {
             return yield adapter.submitSurvey(survey);
         }),
         /* @conditional-compile-remove(spotlight) */
-        onStartSpotlight: (userIds) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onStartSpotlight: (userIds) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.startSpotlight(userIds);
         }),
         /* @conditional-compile-remove(spotlight) */
-        onStopSpotlight: (userIds) => __awaiter$j(void 0, void 0, void 0, function* () {
+        onStopSpotlight: (userIds) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.stopSpotlight(userIds);
         }),
         /* @conditional-compile-remove(spotlight) */
-        onStopAllSpotlight: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onStopAllSpotlight: () => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.stopAllSpotlight();
         }),
         /* @conditional-compile-remove(spotlight) */
         onStartLocalSpotlight: (capabilities === null || capabilities === void 0 ? void 0 : capabilities.spotlightParticipant.isPresent)
-            ? () => __awaiter$j(void 0, void 0, void 0, function* () {
+            ? () => __awaiter$k(void 0, void 0, void 0, function* () {
                 yield adapter.startSpotlight();
             })
             : undefined,
         /* @conditional-compile-remove(spotlight) */
-        onStopLocalSpotlight: () => __awaiter$j(void 0, void 0, void 0, function* () {
+        onStopLocalSpotlight: () => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.stopSpotlight();
         }),
         /* @conditional-compile-remove(spotlight) */
         onStartRemoteSpotlight: (capabilities === null || capabilities === void 0 ? void 0 : capabilities.spotlightParticipant.isPresent)
-            ? (userIds) => __awaiter$j(void 0, void 0, void 0, function* () {
+            ? (userIds) => __awaiter$k(void 0, void 0, void 0, function* () {
                 yield adapter.startSpotlight(userIds);
             })
             : undefined,
         /* @conditional-compile-remove(spotlight) */
         onStopRemoteSpotlight: (capabilities === null || capabilities === void 0 ? void 0 : capabilities.removeParticipantsSpotlight.isPresent)
-            ? (userIds) => __awaiter$j(void 0, void 0, void 0, function* () {
+            ? (userIds) => __awaiter$k(void 0, void 0, void 0, function* () {
                 yield adapter.stopSpotlight(userIds);
             })
             : undefined
@@ -27980,7 +28048,7 @@ const MoreButton = (props) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$i = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$j = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -28008,7 +28076,7 @@ const CaptionsBannerMoreButton = (props) => {
     /* @conditional-compile-remove(close-captions) */
     const moreButtonContextualMenuItems = [];
     /* @conditional-compile-remove(close-captions) */
-    const startCaptions = React.useCallback(() => __awaiter$i(void 0, void 0, void 0, function* () {
+    const startCaptions = React.useCallback(() => __awaiter$j(void 0, void 0, void 0, function* () {
         yield startCaptionsButtonHandlers.onStartCaptions({
             spokenLanguage: startCaptionsButtonProps.currentSpokenLanguage
         });
@@ -28205,15 +28273,105 @@ const getLabelFromRole = (role, locale) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
+/**
+ * @private
+ */
+const Prompt = (props) => {
+    const theme = useTheme();
+    return (React.createElement(react.Modal, { styles: modalStyles, isOpen: props.isOpen, onDismiss: props.onDismiss, isBlocking: false },
+        React.createElement(react.Stack, { className: react.mergeStyles({ position: 'relative' }) },
+            React.createElement(react.Text, { className: react.mergeStyles({ fontWeight: 600, fontSize: '1.25rem' }) }, props.heading),
+            React.createElement(react.IconButton, { styles: iconButtonStyles(theme), iconProps: { iconName: 'Cancel' }, onClick: props.onCancel })),
+        React.createElement(react.Stack, { verticalAlign: "center", className: react.mergeStyles({ minHeight: '6rem' }) },
+            React.createElement(react.Text, { className: react.mergeStyles({ fontSize: '0.875rem' }) }, props.text)),
+        React.createElement(react.Stack, { horizontal: true, horizontalAlign: "end", tokens: { childrenGap: '0.5rem' } },
+            React.createElement(react.PrimaryButton, { styles: buttonTextStyles, text: props.confirmButtonLabel, onClick: props.onConfirm }),
+            React.createElement(react.DefaultButton, { styles: buttonTextStyles, text: props.cancelButtonLabel, onClick: props.onCancel }))));
+};
+const iconButtonStyles = (theme) => ({
+    root: {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        color: theme.palette.neutralPrimary
+    },
+    rootHovered: {
+        color: theme.palette.neutralDark
+    }
+});
+const modalStyles = { main: { padding: '1.5rem ', maxWidth: '30rem' } };
+const buttonTextStyles = { label: { fontSize: '0.875rem' } };
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+var __awaiter$i = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 /** @private */
 const EndCall = (props) => {
+    var _a;
     const compactMode = props.displayType === 'compact';
     const hangUpButtonProps = usePropsFor$1(EndCallButton);
+    /* @conditional-compile-remove(end-call-options) */
+    const localeStrings = useLocale().strings;
+    /* @conditional-compile-remove(end-call-options) */
+    const { onHangUp, enableEndCallMenu } = hangUpButtonProps;
+    /* @conditional-compile-remove(end-call-options) */
+    const [showHangUpConfirm, setShowHangUpConfirm] = React.useState(false);
+    /* @conditional-compile-remove(end-call-options) */
+    const toggleConfirm = React.useCallback(() => {
+        setShowHangUpConfirm(!showHangUpConfirm);
+    }, [showHangUpConfirm]);
+    /* @conditional-compile-remove(end-call-options) */
+    const onHangUpConfirm = React.useCallback((hangUpForEveryone) => {
+        onHangUp && onHangUp(hangUpForEveryone);
+        toggleConfirm();
+    }, [onHangUp, toggleConfirm]);
+    /* @conditional-compile-remove(end-call-options) */
+    const hangUpOverride = React.useCallback((forEveryone) => __awaiter$i(void 0, void 0, void 0, function* () {
+        if (props.mobileView ||
+            forEveryone === false /* value being false(not undefined) because it comes from endCall option */) {
+            onHangUp();
+            return;
+        }
+        forEveryone
+            ? setPromptHeading(localeStrings.call.endCallConfirmDialogTitle)
+            : setPromptHeading(localeStrings.call.leaveConfirmDialogTitle);
+        forEveryone
+            ? setPromptText(localeStrings.call.endCallConfirmDialogContent)
+            : setPromptText(localeStrings.call.leaveConfirmDialogContent);
+        toggleConfirm();
+    }), [
+        localeStrings.call.endCallConfirmDialogContent,
+        localeStrings.call.endCallConfirmDialogTitle,
+        localeStrings.call.leaveConfirmDialogContent,
+        localeStrings.call.leaveConfirmDialogTitle,
+        onHangUp,
+        props.mobileView,
+        toggleConfirm
+    ]);
+    /* @conditional-compile-remove(end-call-options) */
+    const [promptHeading, setPromptHeading] = React.useState();
+    /* @conditional-compile-remove(end-call-options) */
+    const [promptText, setPromptText] = React.useState();
     const styles = React.useMemo(() => {
         var _a;
         return react.concatStyleSets(compactMode ? groupCallLeaveButtonCompressedStyle : groupCallLeaveButtonStyle, (_a = props.styles) !== null && _a !== void 0 ? _a : {});
     }, [compactMode, props.styles]);
-    return (React.createElement(EndCallButton, Object.assign({ "data-ui-id": "call-composite-hangup-button" }, hangUpButtonProps, { styles: styles, showLabel: !compactMode })));
+    return (React.createElement(React.Fragment, null,
+        /* @conditional-compile-remove(end-call-options) */
+        React.createElement(Prompt, { heading: promptHeading, text: promptText, confirmButtonLabel: localeStrings.call.hangUpConfirmButtonLabel, cancelButtonLabel: localeStrings.call.hangUpCancelButtonLabel, onConfirm: () => onHangUpConfirm(enableEndCallMenu), isOpen: showHangUpConfirm, onCancel: toggleConfirm }),
+        React.createElement(EndCallButton, Object.assign({ "data-ui-id": "call-composite-hangup-button" }, hangUpButtonProps, {
+            /* @conditional-compile-remove(end-call-options) */
+            onHangUp: hangUpOverride, styles: styles, showLabel: !compactMode,
+            /* @conditional-compile-remove(end-call-options) */
+            enableEndCallMenu: (_a = props.enableEndCallMenu) !== null && _a !== void 0 ? _a : false }))));
 };
 // Copyright (c) Microsoft Corporation.
@@ -29492,6 +29650,125 @@ const ExitSpotlightButton = (props) => {
     return (React.createElement(ControlBarButton, Object.assign({ "data-ui-id": 'call-composite-exit-spotlight-button', labelKey: 'exitSpotlightButtonLabelKey', showLabel: props.displayType !== 'compact', onRenderIcon: () => React.createElement(_HighContrastAwareIcon, { iconName: 'ControlButtonExitSpotlight' }), onClick: props.onClick }, props)));
 };
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * Default Modal PIP related pixel measurements used for ModalLocalAndremotePIP and common/utils.
+ *
+ * @private
+ */
+const MODAL_PIP_DEFAULT_PX = {
+    rightPositionPx: 16,
+    topPositionPx: 52,
+    widthPx: 88,
+    heightPx: 128
+};
+/**
+ * @private
+ */
+const getPipStyles = (theme) => ({
+    modal: {
+        main: Object.assign(Object.assign({ borderRadius: theme.effects.roundedCorner4, boxShadow: theme.effects.elevation8,
+            // Above the message thread / people pane.
+            zIndex: 2 }, (theme.rtl
+            ? { left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }
+            : { right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) })), { top: _pxToRem(MODAL_PIP_DEFAULT_PX.topPositionPx) })
+    }
+});
+/**
+ * @private
+ */
+const PIPContainerStyle = {
+    root: {
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        pointerEvents: 'none',
+        ':focus-within': {
+            outline: '1px solid #00000000'
+        }
+    }
+};
+/**
+ * @private
+ */
+const hiddenStyle = react.concatStyleSets(PIPContainerStyle, { root: { display: 'none' } });
+/**
+ * @private
+ */
+const modalStyle = {
+    main: {
+        minWidth: 'min-content',
+        minHeight: 'min-content',
+        position: 'absolute',
+        overflow: 'hidden',
+        // pointer events for root Modal div set to auto to make LocalAndRemotePIP interactive
+        pointerEvents: 'auto',
+        touchAction: 'none'
+    },
+    root: {
+        width: '100%',
+        height: '100%',
+        // pointer events for root Modal div set to none to make descendants interactive
+        pointerEvents: 'none',
+        ':focus-within': {
+            outline: '3px solid #00000000',
+            outlineOffset: '-3px'
+        }
+    }
+};
+/**
+ * Styles for layer host to bound the modal wrapping PiPiP in the mobile pane.
+ * @private
+ */
+const modalLayerHostStyle = {
+    display: 'flex',
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    width: '100%',
+    height: '100%',
+    overflow: 'hidden',
+    zIndex: '100000',
+    // pointer events for layerHost set to none to make descendants interactive
+    pointerEvents: 'none'
+};
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const isBoolean = (value) => {
+    return value !== null && typeof value === 'boolean';
+};
+/**
+ * @private
+ */
+// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410
+const useMinMaxDragPosition = (modalLayerHostId, rtl) => {
+    const modalHostRef = React.useRef(document.getElementById(modalLayerHostId));
+    const modalHostWidth = _useContainerWidth(modalHostRef);
+    const modalHostHeight = _useContainerHeight(modalHostRef);
+    const minDragPosition = React.useMemo(() => modalHostWidth === undefined
+        ? undefined
+        : {
+            x: rtl
+                ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx
+                : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
+            y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx
+        }, [modalHostWidth, rtl]);
+    const maxDragPosition = React.useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined
+        ? undefined
+        : {
+            x: rtl
+                ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx
+                : MODAL_PIP_DEFAULT_PX.rightPositionPx,
+            y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx
+        }, [modalHostHeight, modalHostWidth, rtl]);
+    return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };
+};
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 const inferCommonCallControlOptions = (mobileView, commonCallControlOptions) => {
@@ -29511,7 +29788,7 @@ const inferCommonCallControlOptions = (mobileView, commonCallControlOptions) =>
  * @private
  */
 const CommonCallControlBar = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g;
     const theme = react.useTheme();
     const rtl = theme.rtl;
     const controlBarContainerRef = React.useRef(null);
@@ -29526,6 +29803,11 @@ const CommonCallControlBar = (props) => {
     const options = inferCommonCallControlOptions(props.mobileView, props.callControls);
     /* @conditional-compile-remove(close-captions) */
     const [showCaptionsSettingsModal, setShowCaptionsSettingsModal] = React.useState(false);
+    /* @conditional-compile-remove(end-call-options) */
+    // If the hangup capability is not present, we default to true
+    const isHangUpForEveryoneAllowed = (_a = useSelector$1((state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities.hangUpForEveryOne.isPresent; })) !== null && _a !== void 0 ? _a : true;
+    /* @conditional-compile-remove(end-call-options) */
+    const isTeams = useSelector$1(getIsTeamsCall);
     const handleResize = React.useCallback(() => {
         setControlBarButtonsWidth(controlBarContainerRef.current ? controlBarContainerRef.current.offsetWidth : 0);
         setPanelsButtonsWidth(sidepaneControlsRef.current ? sidepaneControlsRef.current.offsetWidth : 0);
@@ -29615,7 +29897,7 @@ const CommonCallControlBar = (props) => {
         (/*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ isEnabled$1(options === null || options === void 0 ? void 0 : options.holdButton) ||
             /* @conditional-compile-remove(close-captions) */ showCaptionsButton ||
             props.onUserSetGalleryLayout);
-    const role = (_a = props.callAdapter.getState().call) === null || _a === void 0 ? void 0 : _a.role;
+    const role = (_b = props.callAdapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
     const hideRaiseHandButtonInRoomsCall = props.callAdapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
     /*@conditional-compile-remove(reaction) */
     const reactionResources = props.callAdapter.getState().reactions;
@@ -29653,8 +29935,8 @@ const CommonCallControlBar = (props) => {
                                         props.onStopLocalSpotlight && (React.createElement(ExitSpotlightButton, { displayType: options.displayType, onClick: props.onStopLocalSpotlight, styles: commonButtonStyles, strings: exitSpotlightButtonStrings })),
                                     screenShareButtonIsEnabled && (React.createElement(ScreenShare, { option: options.screenShareButton, displayType: options.displayType, styles: screenShareButtonStyles,
                                         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-                                        disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.screenShareButton) })), (_b = customButtons['primary']) === null || _b === void 0 ? void 0 :
-                                    _b.slice(0, props.mobileView
+                                        disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.screenShareButton) })), (_c = customButtons['primary']) === null || _c === void 0 ? void 0 :
+                                    _c.slice(0, props.mobileView
                                         ? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS
                                         : CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
                                         return (React.createElement(CustomButton, { key: `primary-custom-button-${i}`, styles: commonButtonStyles, showLabel: options.displayType !== 'compact', disableTooltip: props.mobileView }));
@@ -29667,14 +29949,21 @@ const CommonCallControlBar = (props) => {
                                         isCaptionsSupported: showCaptionsButton,
                                         /* @conditional-compile-remove(close-captions) */
                                         onCaptionsSettingsClick: openCaptionsSettingsModal, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayout, userSetGalleryLayout: props.userSetGalleryLayout, dtmfDialerPresent: props.dtmfDialerPresent, onSetDialpadPage: props.onSetDialpadPage })),
-                                    React.createElement(EndCall, { displayType: "compact", styles: endCallButtonStyles }))))))),
+                                    React.createElement(EndCall, { displayType: "compact", mobileView: props.mobileView, styles: endCallButtonStyles,
+                                        /* @conditional-compile-remove(end-call-options) */
+                                        enableEndCallMenu: !isBoolean(props.callControls) &&
+                                            !isBoolean((_d = props.callControls) === null || _d === void 0 ? void 0 : _d.endCallButton) &&
+                                            !props.mobileView &&
+                                            isHangUpForEveryoneAllowed &&
+                                            !isTeams && // Temporary disable it for Teams call, since capability does not give the right value
+                                            ((_f = (_e = props.callControls) === null || _e === void 0 ? void 0 : _e.endCallButton) === null || _f === void 0 ? void 0 : _f.hangUpForEveryone) === 'endCallOptions' }))))))),
             !props.mobileView && sideButtonsPresent && (React.createElement(react.Stack.Item, null,
                 React.createElement("div", { ref: sidepaneControlsRef },
                     React.createElement(react.Stack, { horizontal: true, className: !props.mobileView ? react.mergeStyles(desktopButtonContainerStyle) : undefined },
                         isEnabled$1(options === null || options === void 0 ? void 0 : options.peopleButton) && (React.createElement(PeopleButton, { checked: props.peopleButtonChecked, ariaLabel: props.peopleButtonChecked ? peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.selectedLabel : peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.label, showLabel: options.displayType !== 'compact', onClick: props.onPeopleButtonClicked, "data-ui-id": "common-call-composite-people-button", disabled: props.disableButtonsForLobbyPage ||
                                 props.disableButtonsForHoldScreen ||
-                                isDisabled$4(options.peopleButton), strings: peopleButtonStrings, styles: commonButtonStyles, componentRef: props.peopleButtonRef })), (_c = customButtons['secondary']) === null || _c === void 0 ? void 0 :
-                        _c.slice(0, CUSTOM_BUTTON_OPTIONS.MAX_SECONDARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
+                                isDisabled$4(options.peopleButton), strings: peopleButtonStrings, styles: commonButtonStyles, componentRef: props.peopleButtonRef })), (_g = customButtons['secondary']) === null || _g === void 0 ? void 0 :
+                        _g.slice(0, CUSTOM_BUTTON_OPTIONS.MAX_SECONDARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
                             return (React.createElement(CustomButton, { key: `secondary-custom-button-${i}`, styles: commonButtonStyles, showLabel: options.displayType !== 'compact' }));
                         }))))))));
 };
@@ -31664,90 +31953,6 @@ const updateUserDisplayNamesTrampoline = (remoteParticipants) => {
     return _updateUserDisplayNames(remoteParticipants);
 };
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * Default Modal PIP related pixel measurements used for ModalLocalAndremotePIP and common/utils.
- *
- * @private
- */
-const MODAL_PIP_DEFAULT_PX = {
-    rightPositionPx: 16,
-    topPositionPx: 52,
-    widthPx: 88,
-    heightPx: 128
-};
-/**
- * @private
- */
-const getPipStyles = (theme) => ({
-    modal: {
-        main: Object.assign(Object.assign({ borderRadius: theme.effects.roundedCorner4, boxShadow: theme.effects.elevation8,
-            // Above the message thread / people pane.
-            zIndex: 2 }, (theme.rtl
-            ? { left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }
-            : { right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) })), { top: _pxToRem(MODAL_PIP_DEFAULT_PX.topPositionPx) })
-    }
-});
-/**
- * @private
- */
-const PIPContainerStyle = {
-    root: {
-        position: 'absolute',
-        width: '100%',
-        height: '100%',
-        pointerEvents: 'none',
-        ':focus-within': {
-            outline: '1px solid #00000000'
-        }
-    }
-};
-/**
- * @private
- */
-const hiddenStyle = react.concatStyleSets(PIPContainerStyle, { root: { display: 'none' } });
-/**
- * @private
- */
-const modalStyle = {
-    main: {
-        minWidth: 'min-content',
-        minHeight: 'min-content',
-        position: 'absolute',
-        overflow: 'hidden',
-        // pointer events for root Modal div set to auto to make LocalAndRemotePIP interactive
-        pointerEvents: 'auto',
-        touchAction: 'none'
-    },
-    root: {
-        width: '100%',
-        height: '100%',
-        // pointer events for root Modal div set to none to make descendants interactive
-        pointerEvents: 'none',
-        ':focus-within': {
-            outline: '3px solid #00000000',
-            outlineOffset: '-3px'
-        }
-    }
-};
-/**
- * Styles for layer host to bound the modal wrapping PiPiP in the mobile pane.
- * @private
- */
-const modalLayerHostStyle = {
-    display: 'flex',
-    position: 'absolute',
-    left: 0,
-    top: 0,
-    width: '100%',
-    height: '100%',
-    overflow: 'hidden',
-    zIndex: '100000',
-    // pointer events for layerHost set to none to make descendants interactive
-    pointerEvents: 'none'
-};
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -31823,35 +32028,6 @@ const ModalLocalAndRemotePIP = (props) => {
             !props.hidden && localAndRemotePIP))));
 };
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410
-const useMinMaxDragPosition = (modalLayerHostId, rtl) => {
-    const modalHostRef = React.useRef(document.getElementById(modalLayerHostId));
-    const modalHostWidth = _useContainerWidth(modalHostRef);
-    const modalHostHeight = _useContainerHeight(modalHostRef);
-    const minDragPosition = React.useMemo(() => modalHostWidth === undefined
-        ? undefined
-        : {
-            x: rtl
-                ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx
-                : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
-            y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx
-        }, [modalHostWidth, rtl]);
-    const maxDragPosition = React.useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined
-        ? undefined
-        : {
-            x: rtl
-                ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx
-                : MODAL_PIP_DEFAULT_PX.rightPositionPx,
-            y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx
-        }, [modalHostHeight, modalHostWidth, rtl]);
-    return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };
-};
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(capabilities) */
@@ -32786,42 +32962,6 @@ const DtmfDialpadPage = (props) => {
     return React.createElement(DtmfDialpadPageContent, Object.assign({ adapter: adapter }, props, { mobileView: props.mobileView }));
 };
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(spotlight) */
-/* @conditional-compile-remove(spotlight) */
-/**
- * @private
- */
-const Prompt = (props) => {
-    const theme = useTheme();
-    return (React.createElement(react.Modal, { styles: modalStyles, isOpen: props.isOpen, onDismiss: props.onDismiss, isBlocking: false },
-        React.createElement(react.Stack, { className: react.mergeStyles({ position: 'relative' }) },
-            React.createElement(react.Text, { className: react.mergeStyles({ fontWeight: 600, fontSize: '1.25rem' }) }, props.heading),
-            React.createElement(react.IconButton, { styles: iconButtonStyles(theme), iconProps: { iconName: 'Cancel' }, onClick: props.onCancel })),
-        React.createElement(react.Stack, { verticalAlign: "center", className: react.mergeStyles({ minHeight: '6rem' }) },
-            React.createElement(react.Text, { className: react.mergeStyles({ fontSize: '0.875rem' }) }, props.text)),
-        React.createElement(react.Stack, { horizontal: true, horizontalAlign: "end", tokens: { childrenGap: '0.5rem' } },
-            React.createElement(react.PrimaryButton, { styles: buttonTextStyles, text: props.confirmButtonLabel, onClick: props.onConfirm }),
-            React.createElement(react.DefaultButton, { styles: buttonTextStyles, text: props.cancelButtonLabel, onClick: props.onCancel }))));
-};
-/* @conditional-compile-remove(spotlight) */
-const iconButtonStyles = (theme) => ({
-    root: {
-        position: 'absolute',
-        top: 0,
-        right: 0,
-        color: theme.palette.neutralPrimary
-    },
-    rootHovered: {
-        color: theme.palette.neutralDark
-    }
-});
-/* @conditional-compile-remove(spotlight) */
-const modalStyles = { main: { padding: '1.5rem ', maxWidth: '30rem' } };
-/* @conditional-compile-remove(spotlight) */
-const buttonTextStyles = { label: { fontSize: '0.875rem' } };
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -37305,32 +37445,32 @@ class CallWithChatBackedChatAdapter {
             throw new Error(`Chat Topics are not supported in CallWithChatComposite.`);
         });
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerActiveFileUploads = (files) => {
-            return this.callWithChatAdapter.registerActiveFileUploads(files);
+        this.registerActiveUploads = (files) => {
+            return this.callWithChatAdapter.registerActiveUploads(files);
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerCompletedFileUploads = (metadata) => {
-            return this.callWithChatAdapter.registerCompletedFileUploads(metadata);
+        this.registerCompletedUploads = (metadata) => {
+            return this.callWithChatAdapter.registerCompletedUploads(metadata);
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.clearFileUploads = () => {
-            this.callWithChatAdapter.clearFileUploads();
+        this.clearUploads = () => {
+            this.callWithChatAdapter.clearUploads();
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.cancelFileUpload = (id) => {
-            this.callWithChatAdapter.cancelFileUpload(id);
+        this.cancelUpload = (id) => {
+            this.callWithChatAdapter.cancelUpload(id);
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadProgress = (id, progress) => {
-            this.callWithChatAdapter.updateFileUploadProgress(id, progress);
+        this.updateUploadProgress = (id, progress) => {
+            this.callWithChatAdapter.updateUploadProgress(id, progress);
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadErrorMessage = (id, errorMessage) => {
-            this.callWithChatAdapter.updateFileUploadErrorMessage(id, errorMessage);
+        this.updateUploadStatusMessage = (id, errorMessage) => {
+            this.callWithChatAdapter.updateUploadStatusMessage(id, errorMessage);
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadMetadata = (id, metadata) => {
-            this.callWithChatAdapter.updateFileUploadMetadata(id, metadata);
+        this.updateUploadMetadata = (id, metadata) => {
+            this.callWithChatAdapter.updateUploadMetadata(id, metadata);
         };
         this.callWithChatAdapter = callWithChatAdapter;
     }
@@ -37353,7 +37493,7 @@ function chatAdapterStateFromCallWithChatAdapterState(callWithChatAdapterState)
         thread: callWithChatAdapterState.chat,
         latestErrors: callWithChatAdapterState.latestChatErrors,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileUploads: callWithChatAdapterState.fileUploads
+        attachmentUploads: callWithChatAdapterState.attachmentUploads
     };
 }
@@ -37666,10 +37806,10 @@ const CallWithChatScreen = (props) => {
             /* @conditional-compile-remove(chat-composite-participant-pane) */
             participantPane: false,
             /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-            fileSharing: props.fileSharing
+            attachmentOptions: props.attachmentOptions
         }, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })), [
         chatAdapter,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ props.fileSharing,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ props.attachmentOptions,
         props.onFetchAvatarPersonaData,
         theme
     ]);
@@ -37720,7 +37860,7 @@ const CallWithChatComposite = (props) => {
             /* @conditional-compile-remove(call-readiness) */
             deviceChecks: options === null || options === void 0 ? void 0 : options.deviceChecks, callWithChatAdapter: adapter, formFactor: formFactor, callControls: options === null || options === void 0 ? void 0 : options.callControls, joinInvitationURL: joinInvitationURL, fluentTheme: fluentTheme, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions,
             /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-            fileSharing: options === null || options === void 0 ? void 0 : options.fileSharing, localVideoTile: options === null || options === void 0 ? void 0 : options.localVideoTile, galleryOptions: options === null || options === void 0 ? void 0 : options.galleryOptions,
+            attachmentOptions: options === null || options === void 0 ? void 0 : options.attachmentOptions, localVideoTile: options === null || options === void 0 ? void 0 : options.localVideoTile, galleryOptions: options === null || options === void 0 ? void 0 : options.galleryOptions,
             /* @conditional-compile-remove(custom-branding) */
             logo: (_a = options === null || options === void 0 ? void 0 : options.branding) === null || _a === void 0 ? void 0 : _a.logo,
             /* @conditional-compile-remove(custom-branding) */
@@ -37772,7 +37912,7 @@ function callWithChatAdapterStateFromBackingStates(callAdapter) {
         latestCallErrors: callAdapterState.latestErrors,
         latestChatErrors: {},
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileUploads: {},
+        attachmentUploads: {},
         /* @conditional-compile-remove(PSTN-calls) */
         alternateCallerId: callAdapterState.alternateCallerId,
         /* @conditional-compile-remove(unsupported-browser) */
@@ -37793,7 +37933,7 @@ function callWithChatAdapterStateFromBackingStates(callAdapter) {
 function mergeChatAdapterStateIntoCallWithChatAdapterState(existingCallWithChatAdapterState, chatAdapterState) {
     return Object.assign(Object.assign({}, existingCallWithChatAdapterState), { chat: chatAdapterState.thread, latestChatErrors: chatAdapterState.latestErrors,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileUploads: chatAdapterState.fileUploads });
+        attachmentUploads: chatAdapterState.attachmentUploads });
 }
 /**
  * @private
@@ -37874,43 +38014,43 @@ class CallWithChatContext {
 class AzureCommunicationCallWithChatAdapter {
     constructor(callAdapter, chatAdapterPromise) {
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerActiveFileUploads = (files) => {
+        this.registerActiveUploads = (files) => {
             var _a, _b;
-            return (_b = (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.registerActiveFileUploads(files)) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.registerActiveUploads(files)) !== null && _b !== void 0 ? _b : [];
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerCompletedFileUploads = (metadata) => {
+        this.registerCompletedUploads = (metadata) => {
             var _a, _b;
-            return (_b = (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.registerCompletedFileUploads(metadata)) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.registerCompletedUploads(metadata)) !== null && _b !== void 0 ? _b : [];
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.clearFileUploads = () => {
+        this.clearUploads = () => {
             this.chatAdapterPromise.then((adapter) => {
-                adapter.clearFileUploads();
+                adapter.clearUploads();
             });
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.cancelFileUpload = (id) => {
+        this.cancelUpload = (id) => {
             this.chatAdapterPromise.then((adapter) => {
-                adapter.cancelFileUpload(id);
+                adapter.cancelUpload(id);
             });
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadProgress = (id, progress) => {
+        this.updateUploadProgress = (id, progress) => {
             this.chatAdapterPromise.then((adapter) => {
-                adapter.updateFileUploadProgress(id, progress);
+                adapter.updateUploadProgress(id, progress);
             });
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadErrorMessage = (id, errorMessage) => {
+        this.updateUploadStatusMessage = (id, errorMessage) => {
             this.chatAdapterPromise.then((adapter) => {
-                adapter.updateFileUploadErrorMessage(id, errorMessage);
+                adapter.updateUploadStatusMessage(id, errorMessage);
             });
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadMetadata = (id, metadata) => {
+        this.updateUploadMetadata = (id, metadata) => {
             this.chatAdapterPromise.then((adapter) => {
-                adapter.updateFileUploadMetadata(id, metadata);
+                adapter.updateUploadMetadata(id, metadata);
             });
         };
         this.bindPublicMethods();
@@ -37972,19 +38112,19 @@ class AzureCommunicationCallWithChatAdapter {
         this.on.bind(this);
         this.off.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerActiveFileUploads = this.registerActiveFileUploads.bind(this);
+        this.registerActiveUploads = this.registerActiveUploads.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerCompletedFileUploads = this.registerCompletedFileUploads.bind(this);
+        this.registerCompletedUploads = this.registerCompletedUploads.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.clearFileUploads = this.clearFileUploads.bind(this);
+        this.clearUploads = this.clearUploads.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.cancelFileUpload = this.cancelFileUpload.bind(this);
+        this.cancelUpload = this.cancelUpload.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadProgress = this.updateFileUploadProgress.bind(this);
+        this.updateUploadProgress = this.updateUploadProgress.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
+        this.updateUploadStatusMessage = this.updateUploadStatusMessage.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
+        this.updateUploadMetadata = this.updateUploadMetadata.bind(this);
         this.downloadResourceToCache = this.downloadResourceToCache.bind(this);
         this.removeResourceFromCache = this.removeResourceFromCache.bind(this);
         /* @conditional-compile-remove(PSTN-calls) */
@@ -39311,6 +39451,7 @@ exports.createStatefulChatClient = createStatefulChatClient;
 exports.createTeamsCallAdapter = createTeamsCallAdapter;
 exports.createTeamsCallAdapterFromClient = createTeamsCallAdapterFromClient;
 exports.darkTheme = darkTheme;
+exports.defaultAttachmentMenuAction = defaultAttachmentMenuAction;
 exports.fromFlatCommunicationIdentifier = fromFlatCommunicationIdentifier;
 exports.getSelector = getSelector$1;
 exports.getSelector$1 = getSelector;
@@ -39335,4 +39476,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-qxnuqL7s.js.map
+//# sourceMappingURL=index-Bj9ORqhl.js.map