@azure/communication-react 1.20.0-alpha-202409200015 → 1.20.0-alpha-202409250016
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.
- package/dist/communication-react.d.ts +20 -14
- package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-Bi4D1IU3.js → ChatMessageComponentAsRichTextEditBox-Dc9Pr0B5.js} +2 -2
- package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-Bi4D1IU3.js.map → ChatMessageComponentAsRichTextEditBox-Dc9Pr0B5.js.map} +1 -1
- package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-C__3v7Bo.js → RichTextSendBoxWrapper-BDmVvOJh.js} +2 -2
- package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-C__3v7Bo.js.map → RichTextSendBoxWrapper-BDmVvOJh.js.map} +1 -1
- package/dist/dist-cjs/communication-react/{index-DHcnNHhY.js → index-DYKLGdvZ.js} +188 -364
- package/dist/dist-cjs/communication-react/index-DYKLGdvZ.js.map +1 -0
- package/dist/dist-cjs/communication-react/index.js +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/baseSelectors.d.ts +2 -2
- package/dist/dist-esm/calling-component-bindings/src/baseSelectors.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/callControlSelectors.js +1 -3
- package/dist/dist-esm/calling-component-bindings/src/callControlSelectors.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js +0 -5
- package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/handlers/createHandlers.js +3 -12
- package/dist/dist-esm/calling-component-bindings/src/handlers/createHandlers.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/handlers/createTeamsCallHandlers.js +2 -7
- package/dist/dist-esm/calling-component-bindings/src/handlers/createTeamsCallHandlers.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.d.ts +3 -0
- package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.js +8 -22
- package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/incomingCallStackSelector.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/index.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/participantListSelector.js +3 -8
- package/dist/dist-esm/calling-component-bindings/src/participantListSelector.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/utils/callUtils.d.ts +7 -3
- package/dist/dist-esm/calling-component-bindings/src/utils/callUtils.js +8 -1
- package/dist/dist-esm/calling-component-bindings/src/utils/callUtils.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.d.ts +3 -2
- package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.js +2 -4
- package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.js +1 -6
- package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/CallAgentDeclarative.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/CallClientState.d.ts +3 -3
- package/dist/dist-esm/calling-stateful-client/src/CallClientState.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/CallContext.d.ts +1 -1
- package/dist/dist-esm/calling-stateful-client/src/CallContext.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/Converter.d.ts +1 -1
- package/dist/dist-esm/calling-stateful-client/src/Converter.js +0 -2
- package/dist/dist-esm/calling-stateful-client/src/Converter.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/StatefulCallClient.d.ts +0 -1
- package/dist/dist-esm/calling-stateful-client/src/StatefulCallClient.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/TypeGuards.js +0 -4
- package/dist/dist-esm/calling-stateful-client/src/TypeGuards.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/UserFacingDiagnosticsSubscriber.js +2 -1
- package/dist/dist-esm/calling-stateful-client/src/UserFacingDiagnosticsSubscriber.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/index-public.js.map +1 -1
- package/dist/dist-esm/communication-react/src/index.js +0 -2
- package/dist/dist-esm/communication-react/src/index.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/IncomingCallNotification.js +7 -30
- package/dist/dist-esm/react-components/src/components/IncomingCallNotification.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/IncomingCallStack.js +1 -5
- package/dist/dist-esm/react-components/src/components/IncomingCallStack.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/InputBoxButton.d.ts +1 -1
- package/dist/dist-esm/react-components/src/components/InputBoxButton.js +8 -9
- package/dist/dist-esm/react-components/src/components/InputBoxButton.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ParticipantItem.js +0 -2
- package/dist/dist-esm/react-components/src/components/ParticipantItem.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ParticipantList.js +1 -4
- package/dist/dist-esm/react-components/src/components/ParticipantList.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/RemoteVideoTile.js +5 -7
- package/dist/dist-esm/react-components/src/components/RemoteVideoTile.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextSendBox.js +14 -18
- package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextSendBox.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/SendBox.js +11 -21
- package/dist/dist-esm/react-components/src/components/SendBox.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/StreamMedia.d.ts +1 -1
- package/dist/dist-esm/react-components/src/components/StreamMedia.js +5 -3
- package/dist/dist-esm/react-components/src/components/StreamMedia.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js +1 -6
- package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery.js +1 -3
- package/dist/dist-esm/react-components/src/components/VideoGallery.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoTile.d.ts +2 -0
- package/dist/dist-esm/react-components/src/components/VideoTile.js +3 -11
- package/dist/dist-esm/react-components/src/components/VideoTile.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/index.js +0 -2
- package/dist/dist-esm/react-components/src/components/index.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/SendBox.styles.d.ts +1 -4
- package/dist/dist-esm/react-components/src/components/styles/SendBox.styles.js +2 -4
- package/dist/dist-esm/react-components/src/components/styles/SendBox.styles.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/StreamMedia.styles.d.ts +8 -0
- package/dist/dist-esm/react-components/src/components/styles/StreamMedia.styles.js +27 -0
- package/dist/dist-esm/react-components/src/components/styles/StreamMedia.styles.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/utils/SendBoxUtils.d.ts +3 -3
- package/dist/dist-esm/react-components/src/components/utils/SendBoxUtils.js +3 -3
- package/dist/dist-esm/react-components/src/components/utils/SendBoxUtils.js.map +1 -1
- package/dist/dist-esm/react-components/src/localization/LocalizationProvider.js.map +1 -1
- package/dist/dist-esm/react-components/src/theming/icons.js +0 -8
- package/dist/dist-esm/react-components/src/theming/icons.js.map +1 -1
- package/dist/dist-esm/react-components/src/types/OnRender.js.map +1 -1
- package/dist/dist-esm/react-components/src/types/ParticipantListParticipant.d.ts +1 -1
- package/dist/dist-esm/react-components/src/types/ParticipantListParticipant.js.map +1 -1
- package/dist/dist-esm/react-components/src/types/VideoGalleryParticipant.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js +1 -7
- package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.d.ts +2 -2
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js +2 -10
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.d.ts +2 -2
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js +3 -15
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallControls.js +2 -11
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallControls.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/HoldPane.js +8 -23
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/HoldPane.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useAdaptedSelector.js +1 -4
- package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useAdaptedSelector.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useHandlers.js +0 -4
- package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useHandlers.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.js +0 -2
- package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/HoldPage.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/dominantRemoteParticipantSelector.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.d.ts +7 -8
- package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.js +1 -7
- package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/localAndRemotePIPSelector.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.js +0 -3
- package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.js +1 -8
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/Strings.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js +5 -15
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.js +0 -6
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/state/CallWithChatAdapterState.js +0 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/state/CallWithChatAdapterState.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.js +0 -2
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.js +3 -14
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/AvatarPersona.js +1 -3
- package/dist/dist-esm/react-composites/src/composites/common/AvatarPersona.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.js +1 -7
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js +6 -19
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/DesktopMoreButton.js +24 -22
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/DesktopMoreButton.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/Drawer/MoreDrawer.js +7 -5
- package/dist/dist-esm/react-composites/src/composites/common/Drawer/MoreDrawer.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/Drawer/PreparedMoreDrawer.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.js +2 -13
- package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/icons.js +0 -4
- package/dist/dist-esm/react-composites/src/composites/common/icons.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.d.ts +9 -4
- package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.js.map +1 -1
- package/package.json +1 -1
- package/dist/dist-cjs/communication-react/index-DHcnNHhY.js.map +0 -1
@@ -188,7 +188,7 @@ function getDefaultExportFromCjs (x) {
|
|
188
188
|
// Copyright (c) Microsoft Corporation.
|
189
189
|
// Licensed under the MIT License.
|
190
190
|
// GENERATED FILE. DO NOT EDIT MANUALLY.
|
191
|
-
var telemetryVersion = '1.20.0-alpha-
|
191
|
+
var telemetryVersion = '1.20.0-alpha-202409250016';
|
192
192
|
|
193
193
|
|
194
194
|
var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
|
@@ -694,7 +694,14 @@ const isTeamsCallParticipants = (participants) => {
|
|
694
694
|
* @private
|
695
695
|
* Checks whether the user is a 'Ringing' PSTN user.
|
696
696
|
*/
|
697
|
-
const
|
697
|
+
const _convertParticipantState = (participant) => {
|
698
|
+
var _a;
|
699
|
+
/* @conditional-compile-remove(remote-ufd) */
|
700
|
+
if (participant.diagnostics &&
|
701
|
+
participant.diagnostics['ServerConnection'] &&
|
702
|
+
((_a = participant.diagnostics['ServerConnection']) === null || _a === void 0 ? void 0 : _a.value) === false) {
|
703
|
+
return 'Reconnecting';
|
704
|
+
}
|
698
705
|
return communicationCommon.isPhoneNumberIdentifier(participant.identifier) && participant.state === 'Connecting'
|
699
706
|
? 'Ringing'
|
700
707
|
: participant.state;
|
@@ -798,14 +805,13 @@ const reactionButtonSelector = reselect__namespace.createSelector([getLocalParti
|
|
798
805
|
*
|
799
806
|
* @public
|
800
807
|
*/
|
801
|
-
const screenShareButtonSelector = reselect__namespace.createSelector([getIsScreenSharingOn,
|
808
|
+
const screenShareButtonSelector = reselect__namespace.createSelector([getIsScreenSharingOn, getCallState, getCapabilities, getRole$1], (isScreenSharingOn, callState, capabilities, role) => {
|
802
809
|
let disabled = undefined;
|
803
810
|
disabled =
|
804
811
|
disabled ||
|
805
812
|
((capabilities === null || capabilities === void 0 ? void 0 : capabilities.shareScreen.isPresent) === false && (capabilities === null || capabilities === void 0 ? void 0 : capabilities.shareScreen.reason) !== 'NotInitialized') ||
|
806
813
|
role === 'Consumer' ||
|
807
814
|
role === 'Attendee';
|
808
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
809
815
|
disabled = disabled || ['InLobby', 'Connecting', 'LocalHold'].includes(callState);
|
810
816
|
return {
|
811
817
|
checked: isScreenSharingOn,
|
@@ -830,7 +836,6 @@ const devicesButtonSelector = reselect__namespace.createSelector([getDeviceManag
|
|
830
836
|
function removeBlankNameDevices(devices) {
|
831
837
|
return devices.filter((device) => device.name !== '');
|
832
838
|
}
|
833
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
834
839
|
/**
|
835
840
|
* Selector for the {@link HoldButton} component.
|
836
841
|
* @public
|
@@ -1029,7 +1034,6 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
|
|
1029
1034
|
const onStopScreenShare = () => __awaiter$_(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
|
1030
1035
|
const onToggleScreenShare = () => __awaiter$_(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
|
1031
1036
|
const onHangUp = (forEveryone) => __awaiter$_(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
|
1032
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
1033
1037
|
const onToggleHold = () => __awaiter$_(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()); });
|
1034
1038
|
const onCreateLocalStreamView = (...args_1) => __awaiter$_(void 0, [...args_1], void 0, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
|
1035
1039
|
if (!call || call.localVideoStreams.length === 0) {
|
@@ -1315,7 +1319,6 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
|
|
1315
1319
|
: undefined;
|
1316
1320
|
return {
|
1317
1321
|
onHangUp,
|
1318
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
1319
1322
|
onToggleHold,
|
1320
1323
|
onSelectCamera,
|
1321
1324
|
onSelectMicrophone,
|
@@ -1337,7 +1340,6 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
|
|
1337
1340
|
onLowerHand,
|
1338
1341
|
onToggleRaiseHand,
|
1339
1342
|
onReactionClick: onReactionClick,
|
1340
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
1341
1343
|
onAddParticipant: notImplemented,
|
1342
1344
|
onRemoveParticipant: notImplemented,
|
1343
1345
|
onStartCall: notImplemented,
|
@@ -1367,9 +1369,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
|
|
1367
1369
|
onMuteParticipant,
|
1368
1370
|
/* @conditional-compile-remove(soft-mute) */
|
1369
1371
|
onMuteAllRemoteParticipants,
|
1370
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
1371
1372
|
onAcceptCall: notImplemented,
|
1372
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
1373
1373
|
onRejectCall: notImplemented
|
1374
1374
|
};
|
1375
1375
|
});
|
@@ -1406,11 +1406,8 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
|
|
1406
1406
|
return Object.assign(Object.assign({}, commonCallingHandlers), {
|
1407
1407
|
// FIXME: onStartCall API should use string, not the underlying SDK types.
|
1408
1408
|
onStartCall: (participants, options) => {
|
1409
|
-
/* @conditional-compile-remove(teams-adhoc-call) */
|
1410
1409
|
return callAgent === null || callAgent === void 0 ? void 0 : callAgent.startCall(participants, options);
|
1411
|
-
},
|
1412
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
1413
|
-
onAddParticipant: (userId, options) => __awaiter$Z(void 0, void 0, void 0, function* () {
|
1410
|
+
}, onAddParticipant: (userId, options) => __awaiter$Z(void 0, void 0, void 0, function* () {
|
1414
1411
|
const participant = _toCommunicationIdentifier(userId);
|
1415
1412
|
if (communicationCommon.isPhoneNumberIdentifier(participant)) {
|
1416
1413
|
call === null || call === void 0 ? void 0 : call.addParticipant(participant, options);
|
@@ -1421,17 +1418,13 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
|
|
1421
1418
|
}), onRemoveParticipant: (userId) => __awaiter$Z(void 0, void 0, void 0, function* () {
|
1422
1419
|
const participant = _toCommunicationIdentifier(userId);
|
1423
1420
|
yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
|
1424
|
-
}),
|
1425
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
1426
|
-
onAcceptCall: (incomingCallId, useVideo) => __awaiter$Z(void 0, void 0, void 0, function* () {
|
1421
|
+
}), onAcceptCall: (incomingCallId, useVideo) => __awaiter$Z(void 0, void 0, void 0, function* () {
|
1427
1422
|
const localVideoStream = useVideo ? yield createLocalVideoStream(callClient) : undefined;
|
1428
1423
|
const incomingCall = callAgent === null || callAgent === void 0 ? void 0 : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
|
1429
1424
|
if (incomingCall) {
|
1430
1425
|
yield incomingCall.accept(localVideoStream ? { videoOptions: { localVideoStreams: [localVideoStream] } } : undefined);
|
1431
1426
|
}
|
1432
|
-
}),
|
1433
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
1434
|
-
onRejectCall: (incomingCallId) => __awaiter$Z(void 0, void 0, void 0, function* () {
|
1427
|
+
}), onRejectCall: (incomingCallId) => __awaiter$Z(void 0, void 0, void 0, function* () {
|
1435
1428
|
const incomingCall = callAgent === null || callAgent === void 0 ? void 0 : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
|
1436
1429
|
if (incomingCall) {
|
1437
1430
|
yield incomingCall.reject();
|
@@ -1502,17 +1495,13 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
|
|
1502
1495
|
}
|
1503
1496
|
/* @conditional-compile-remove(teams-identity-support) */
|
1504
1497
|
yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
|
1505
|
-
}),
|
1506
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
1507
|
-
onAcceptCall: (incomingCallId, useVideo) => __awaiter$Y(void 0, void 0, void 0, function* () {
|
1498
|
+
}), onAcceptCall: (incomingCallId, useVideo) => __awaiter$Y(void 0, void 0, void 0, function* () {
|
1508
1499
|
const localVideoStream = useVideo ? yield createLocalVideoStream(callClient) : undefined;
|
1509
1500
|
const incomingCall = callAgent === null || callAgent === void 0 ? void 0 : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
|
1510
1501
|
if (incomingCall) {
|
1511
1502
|
yield incomingCall.accept(localVideoStream ? { videoOptions: { localVideoStreams: [localVideoStream] } } : undefined);
|
1512
1503
|
}
|
1513
|
-
}),
|
1514
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
1515
|
-
onRejectCall: (incomingCallId) => __awaiter$Y(void 0, void 0, void 0, function* () {
|
1504
|
+
}), onRejectCall: (incomingCallId) => __awaiter$Y(void 0, void 0, void 0, function* () {
|
1516
1505
|
const incomingCall = callAgent === null || callAgent === void 0 ? void 0 : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
|
1517
1506
|
if (incomingCall) {
|
1518
1507
|
yield incomingCall.reject();
|
@@ -2086,7 +2075,6 @@ const _isTeamsCallAgent = (callAgent) => {
|
|
2086
2075
|
* @internal
|
2087
2076
|
*/
|
2088
2077
|
const _isTeamsIncomingCall = (call) => {
|
2089
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
2090
2078
|
return call.kind === 'TeamsIncomingCall';
|
2091
2079
|
};
|
2092
2080
|
|
@@ -2219,7 +2207,6 @@ function convertSdkCallToDeclarativeCall(call) {
|
|
2219
2207
|
* @private
|
2220
2208
|
*/
|
2221
2209
|
function convertSdkIncomingCallToDeclarativeIncomingCall(call) {
|
2222
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
2223
2210
|
if (_isTeamsIncomingCall(call)) {
|
2224
2211
|
const newInfo = Object.assign(Object.assign({}, call.info), { kind: call.kind });
|
2225
2212
|
return {
|
@@ -4540,8 +4527,9 @@ class UserFacingDiagnosticsSubscriber {
|
|
4540
4527
|
for (const diagnostic of args.diagnostics) {
|
4541
4528
|
const { remoteParticipant: _, rawId } = diagnostic, participantDiagnostic = __rest(diagnostic, ["remoteParticipant", "rawId"]);
|
4542
4529
|
const participant = call.remoteParticipants[rawId];
|
4530
|
+
participant.diagnostics = participant.diagnostics || {};
|
4543
4531
|
if (participant) {
|
4544
|
-
participant.diagnostic = participantDiagnostic;
|
4532
|
+
participant.diagnostics[participantDiagnostic.diagnostic] = participantDiagnostic;
|
4545
4533
|
}
|
4546
4534
|
}
|
4547
4535
|
});
|
@@ -7372,11 +7360,9 @@ const sendButtonStyle = react.mergeStyles({
|
|
7372
7360
|
* @private
|
7373
7361
|
*/
|
7374
7362
|
const sendIconStyle = (props) => {
|
7375
|
-
const { theme,
|
7376
|
-
/* @conditional-compile-remove(file-sharing-acs) */ hasAttachment, hasErrorMessage, customSendIconStyle, defaultTextColor = theme.palette.neutralTertiary } = props;
|
7377
|
-
const hasNoContent = !hasText && /* @conditional-compile-remove(file-sharing-acs) */ !hasAttachment;
|
7363
|
+
const { theme, isSendBoxButtonDisabled, customSendIconStyle, defaultTextColor = theme.palette.neutralTertiary } = props;
|
7378
7364
|
return react.mergeStyles(editorTextBoxButtonStyle, {
|
7379
|
-
color:
|
7365
|
+
color: isSendBoxButtonDisabled ? defaultTextColor : theme.palette.themePrimary
|
7380
7366
|
}, customSendIconStyle);
|
7381
7367
|
};
|
7382
7368
|
/**
|
@@ -7780,11 +7766,8 @@ const DEFAULT_COMPONENT_ICONS = {
|
|
7780
7766
|
ParticipantItemOptionsHovered: React.createElement(reactIcons.MoreHorizontal20Filled, null),
|
7781
7767
|
ParticipantItemScreenShareStart: React.createElement(reactIcons.ShareScreenStart20Filled, null),
|
7782
7768
|
ParticipantItemSpotlighted: React.createElement(reactIcons.VideoPersonStar20Filled, null),
|
7783
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
7784
7769
|
HoldCallContextualMenuItem: React.createElement(reactIcons.CallPause20Regular, null),
|
7785
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
7786
7770
|
HoldCallButton: React.createElement(reactIcons.CallPause20Filled, null),
|
7787
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
7788
7771
|
ResumeCall: React.createElement(reactIcons.Play20Regular, null),
|
7789
7772
|
SendBoxSend: React.createElement(reactIcons.Send20Regular, null),
|
7790
7773
|
SendBoxSendHovered: React.createElement(reactIcons.Send20Filled, null),
|
@@ -7863,11 +7846,8 @@ const DEFAULT_COMPONENT_ICONS = {
|
|
7863
7846
|
RichTextTableDeleteMenuIcon: React.createElement(reactIcons.TableDismiss20Regular, null),
|
7864
7847
|
/* @conditional-compile-remove(soft-mute) */
|
7865
7848
|
ContextualMenuMicMutedIcon: React.createElement(reactIcons.MicOff20Regular, null),
|
7866
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
7867
7849
|
IncomingCallNotificationRejectIcon: React.createElement(reactIcons.CallEnd20Filled, null),
|
7868
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
7869
7850
|
IncomingCallNotificationAcceptIcon: React.createElement(reactIcons.Call20Filled, null),
|
7870
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
7871
7851
|
IncomingCallNotificationAcceptWithVideoIcon: React.createElement(reactIcons.Video20Filled, null)
|
7872
7852
|
};
|
7873
7853
|
|
@@ -9718,7 +9698,7 @@ const iconWrapperStyle$1 = react.mergeStyles({
|
|
9718
9698
|
* @private
|
9719
9699
|
*/
|
9720
9700
|
const InputBoxButton = (props) => {
|
9721
|
-
const { onRenderIcon, onClick, ariaLabel, className, id, tooltipContent, 'data-testId': dataTestId,
|
9701
|
+
const { onRenderIcon, onClick, ariaLabel, className, id, tooltipContent, 'data-testId': dataTestId, disabled, ariaExpanded } = props;
|
9722
9702
|
const [isHover, setIsHover] = React.useState(false);
|
9723
9703
|
const mergedButtonStyle = react.mergeStyles(inputBoxButtonStyle, className);
|
9724
9704
|
const theme = react.useTheme();
|
@@ -9730,14 +9710,13 @@ const InputBoxButton = (props) => {
|
|
9730
9710
|
backgroundColor: isDarkThemed(theme) ? theme.palette.neutralLighter : ''
|
9731
9711
|
};
|
9732
9712
|
return (React.createElement(react.TooltipHost, { hostClassName: inputBoxButtonTooltipStyle, content: tooltipContent, calloutProps: Object.assign({}, calloutProps) },
|
9733
|
-
React.createElement(react.
|
9734
|
-
|
9735
|
-
|
9736
|
-
|
9737
|
-
|
9738
|
-
|
9739
|
-
|
9740
|
-
onRenderIcon: () => React.createElement(react.Stack, { className: iconWrapperStyle$1 }, onRenderIcon(isHover)), "data-testid": dataTestId, "aria-expanded": ariaExpanded }))));
|
9713
|
+
React.createElement(react.IconButton, { className: mergedButtonStyle, ariaLabel: ariaLabel, onClick: onClick, id: id, onMouseEnter: () => {
|
9714
|
+
setIsHover(true);
|
9715
|
+
}, onMouseLeave: () => {
|
9716
|
+
setIsHover(false);
|
9717
|
+
},
|
9718
|
+
// VoiceOver fix: Avoid icon from stealing focus when IconButton is double-tapped to send message by wrapping with Stack with pointerEvents style to none
|
9719
|
+
onRenderIcon: () => React.createElement(react.Stack, { className: iconWrapperStyle$1 }, onRenderIcon(isHover)), "data-testid": dataTestId, "aria-expanded": ariaExpanded, disabled: disabled, allowDisabledFocus: true })));
|
9741
9720
|
};
|
9742
9721
|
|
9743
9722
|
// Copyright (c) Microsoft Corporation.
|
@@ -10242,15 +10221,15 @@ const sanitizeText = (message) => {
|
|
10242
10221
|
}
|
10243
10222
|
};
|
10244
10223
|
/**
|
10245
|
-
* Determines whether the send box should be disabled
|
10224
|
+
* Determines whether the send box should be disabled.
|
10246
10225
|
*
|
10247
10226
|
* @param hasContent - Indicates whether the send box has content.
|
10248
10227
|
* @param hasCompletedAttachmentUploads - Indicates whether attachment uploads have completed.
|
10249
10228
|
* @param hasError - Indicates whether there is an error.
|
10250
10229
|
* @param disabled - Indicates whether the send box is disabled.
|
10251
|
-
* @returns A boolean value indicating whether the send box should be disabled
|
10230
|
+
* @returns A boolean value indicating whether the send box should be disabled.
|
10252
10231
|
*/
|
10253
|
-
const
|
10232
|
+
const isSendBoxButtonDisabled = ({ hasContent,
|
10254
10233
|
/* @conditional-compile-remove(file-sharing-acs) */
|
10255
10234
|
hasCompletedAttachmentUploads, hasError, disabled }) => {
|
10256
10235
|
return (
|
@@ -10762,25 +10741,8 @@ const SendBox = (props) => {
|
|
10762
10741
|
};
|
10763
10742
|
const textTooLongMessage = textValueOverflow ? strings.textTooLong : undefined;
|
10764
10743
|
const errorMessage = systemMessage !== null && systemMessage !== void 0 ? systemMessage : textTooLongMessage;
|
10765
|
-
const
|
10766
|
-
|
10767
|
-
const mergedSendIconStyle = React.useMemo(() => sendIconStyle({
|
10768
|
-
theme,
|
10769
|
-
hasText: sanitizeText(textValue).length > 0,
|
10770
|
-
/* @conditional-compile-remove(file-sharing-acs) */ hasAttachment: isAttachmentUploadCompleted(attachments),
|
10771
|
-
hasErrorMessage: !!errorMessage,
|
10772
|
-
customSendIconStyle: styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon,
|
10773
|
-
disabled: !!disabled
|
10774
|
-
}), [
|
10775
|
-
theme,
|
10776
|
-
textValue,
|
10777
|
-
/* @conditional-compile-remove(file-sharing-acs) */ attachments,
|
10778
|
-
errorMessage,
|
10779
|
-
styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon,
|
10780
|
-
disabled
|
10781
|
-
]);
|
10782
|
-
const isSendBoxButtonAriaDisabledValue = React.useMemo(() => {
|
10783
|
-
return isSendBoxButtonAriaDisabled({
|
10744
|
+
const isSendBoxButtonDisabledValue = React.useMemo(() => {
|
10745
|
+
return isSendBoxButtonDisabled({
|
10784
10746
|
hasContent: sanitizeText(textValue).length > 0,
|
10785
10747
|
/* @conditional-compile-remove(file-sharing-acs) */ hasCompletedAttachmentUploads: isAttachmentUploadCompleted(attachments),
|
10786
10748
|
hasError: !!errorMessage,
|
@@ -10793,6 +10755,13 @@ const SendBox = (props) => {
|
|
10793
10755
|
errorMessage,
|
10794
10756
|
textValue
|
10795
10757
|
]);
|
10758
|
+
const mergedSendButtonStyle = React.useMemo(() => react.mergeStyles(sendButtonStyle, styles === null || styles === void 0 ? void 0 : styles.sendMessageIconContainer), [styles === null || styles === void 0 ? void 0 : styles.sendMessageIconContainer]);
|
10759
|
+
const mergedStyles = React.useMemo(() => react.concatStyleSets(styles), [styles]);
|
10760
|
+
const mergedSendIconStyle = React.useMemo(() => sendIconStyle({
|
10761
|
+
theme,
|
10762
|
+
isSendBoxButtonDisabled: isSendBoxButtonDisabledValue,
|
10763
|
+
customSendIconStyle: styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon
|
10764
|
+
}), [theme, isSendBoxButtonDisabledValue, styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon]);
|
10796
10765
|
const onRenderSendIcon = React.useCallback((isHover) => onRenderIcon ? (onRenderIcon(isHover)) : (React.createElement(react.Icon, { iconName: isHover && textValue ? 'SendBoxSendHovered' : 'SendBoxSend', className: mergedSendIconStyle })), [mergedSendIconStyle, onRenderIcon, textValue]);
|
10797
10766
|
// Ensure that errors are cleared when there are no attachments in sendBox
|
10798
10767
|
/* @conditional-compile-remove(file-sharing-acs) */
|
@@ -10863,7 +10832,7 @@ const SendBox = (props) => {
|
|
10863
10832
|
sendMessageOnClick();
|
10864
10833
|
}
|
10865
10834
|
e.stopPropagation();
|
10866
|
-
}, id: 'sendIconWrapper', className: mergedSendButtonStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel,
|
10835
|
+
}, id: 'sendIconWrapper', className: mergedSendButtonStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel, disabled: isSendBoxButtonDisabledValue })),
|
10867
10836
|
/* @conditional-compile-remove(file-sharing-acs) */
|
10868
10837
|
onRenderAttachmentUploads())));
|
10869
10838
|
};
|
@@ -13161,17 +13130,21 @@ const RichTextSendBox = (props) => {
|
|
13161
13130
|
/* @conditional-compile-remove(rich-text-editor-image-upload) */
|
13162
13131
|
inlineImagesWithProgress
|
13163
13132
|
]);
|
13133
|
+
const isSendBoxButtonDisabledValue = React.useMemo(() => {
|
13134
|
+
return isSendBoxButtonDisabled({
|
13135
|
+
hasContent,
|
13136
|
+
/* @conditional-compile-remove(file-sharing-acs) */ hasCompletedAttachmentUploads: isAttachmentUploadCompleted(attachments),
|
13137
|
+
hasError: hasErrorMessage,
|
13138
|
+
disabled
|
13139
|
+
});
|
13140
|
+
}, [/* @conditional-compile-remove(file-sharing-acs) */ attachments, disabled, hasContent, hasErrorMessage]);
|
13164
13141
|
const onRenderSendIcon = React.useCallback((isHover) => {
|
13165
13142
|
return (React.createElement(react.Icon, { iconName: isHover && hasContent ? 'SendBoxSendHovered' : 'SendBoxSend', className: sendIconStyle({
|
13166
13143
|
theme,
|
13167
|
-
|
13168
|
-
|
13169
|
-
hasAttachment: false,
|
13170
|
-
hasErrorMessage: hasErrorMessage,
|
13171
|
-
defaultTextColor: theme.palette.neutralSecondary,
|
13172
|
-
disabled: disabled
|
13144
|
+
isSendBoxButtonDisabled: isSendBoxButtonDisabledValue,
|
13145
|
+
defaultTextColor: theme.palette.neutralSecondary
|
13173
13146
|
}) }));
|
13174
|
-
}, [
|
13147
|
+
}, [theme, isSendBoxButtonDisabledValue, hasContent]);
|
13175
13148
|
const sendBoxErrorsProps = React.useMemo(() => {
|
13176
13149
|
var _a, _b, _c, _d;
|
13177
13150
|
/* @conditional-compile-remove(file-sharing-acs) */
|
@@ -13226,20 +13199,12 @@ const RichTextSendBox = (props) => {
|
|
13226
13199
|
strings.attachmentMoreMenu,
|
13227
13200
|
disabled
|
13228
13201
|
]);
|
13229
|
-
const isSendBoxButtonAriaDisabledValue = React.useMemo(() => {
|
13230
|
-
return isSendBoxButtonAriaDisabled({
|
13231
|
-
hasContent,
|
13232
|
-
/* @conditional-compile-remove(file-sharing-acs) */ hasCompletedAttachmentUploads: isAttachmentUploadCompleted(attachments),
|
13233
|
-
hasError: hasErrorMessage,
|
13234
|
-
disabled
|
13235
|
-
});
|
13236
|
-
}, [/* @conditional-compile-remove(file-sharing-acs) */ attachments, disabled, hasContent, hasErrorMessage]);
|
13237
13202
|
const sendButton = React.useMemo(() => {
|
13238
13203
|
return (React.createElement(InputBoxButton, { onRenderIcon: onRenderSendIcon, onClick: (e) => {
|
13239
13204
|
sendMessageOnClick();
|
13240
13205
|
e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.
|
13241
|
-
}, className: richTextActionButtonsStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel,
|
13242
|
-
}, [
|
13206
|
+
}, className: richTextActionButtonsStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel, disabled: isSendBoxButtonDisabledValue }));
|
13207
|
+
}, [isSendBoxButtonDisabledValue, localeStrings.sendButtonAriaLabel, onRenderSendIcon, sendMessageOnClick]);
|
13243
13208
|
/* @conditional-compile-remove(file-sharing-acs) */
|
13244
13209
|
const hasAttachmentUploads = React.useMemo(() => {
|
13245
13210
|
return isAttachmentUploadCompleted(attachments) || hasIncompleteAttachmentUploads(attachments);
|
@@ -15266,7 +15231,7 @@ class _ErrorBoundary extends React.Component {
|
|
15266
15231
|
// Copyright (c) Microsoft Corporation.
|
15267
15232
|
// Licensed under the MIT License.
|
15268
15233
|
/* @conditional-compile-remove(rich-text-editor) */
|
15269
|
-
const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-
|
15234
|
+
const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-Dc9Pr0B5.js'); }));
|
15270
15235
|
/**
|
15271
15236
|
* @private
|
15272
15237
|
* Use this function to load RoosterJS dependencies early in the lifecycle.
|
@@ -15274,7 +15239,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
|
|
15274
15239
|
*
|
15275
15240
|
* @conditional-compile-remove(rich-text-editor)
|
15276
15241
|
*/
|
15277
|
-
const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-
|
15242
|
+
const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-Dc9Pr0B5.js'); });
|
15278
15243
|
/**
|
15279
15244
|
* @private
|
15280
15245
|
*/
|
@@ -16340,6 +16305,33 @@ const loadingSpinnerContainer = () => react.mergeStyles({
|
|
16340
16305
|
right: '0',
|
16341
16306
|
transform: 'translate(-50%, -50%)'
|
16342
16307
|
});
|
16308
|
+
/**
|
16309
|
+
* @private
|
16310
|
+
*/
|
16311
|
+
const reconnectingContainer = () => react.mergeStyles({
|
16312
|
+
// Position centrally on top of content. Parent must have position: relative.
|
16313
|
+
position: 'absolute',
|
16314
|
+
top: '0',
|
16315
|
+
bottom: '0',
|
16316
|
+
left: '0',
|
16317
|
+
right: '0',
|
16318
|
+
background: 'rgba(0, 0, 0, 0.5)',
|
16319
|
+
display: 'flex',
|
16320
|
+
justifyContent: 'center',
|
16321
|
+
alignItems: 'center'
|
16322
|
+
});
|
16323
|
+
/**
|
16324
|
+
* @private
|
16325
|
+
*/
|
16326
|
+
const reconnectingText = (theme) => react.mergeStyles({
|
16327
|
+
// Position centrally on top of content. Parent must have position: relative.
|
16328
|
+
height: '3rem',
|
16329
|
+
lineHeight: '3rem',
|
16330
|
+
justifyContent: 'center',
|
16331
|
+
alignItems: 'center',
|
16332
|
+
color: theme.palette.themeLight,
|
16333
|
+
fontSize: theme.fonts.large.fontSize
|
16334
|
+
});
|
16343
16335
|
/**
|
16344
16336
|
* @private
|
16345
16337
|
*/
|
@@ -16427,7 +16419,9 @@ const StreamMedia = (props) => {
|
|
16427
16419
|
return (React.createElement("div", { className: container() },
|
16428
16420
|
React.createElement("div", { "data-ui-id": "stream-media-container", className: react.mergeStyles(isMirrored && pipEnabled ? invertedVideoInPipStyle(theme) : mediaContainer(theme), styles === null || styles === void 0 ? void 0 : styles.root), ref: containerEl }),
|
16429
16421
|
loadingState === 'loading' && (React.createElement("div", { className: loadingSpinnerContainer() },
|
16430
|
-
React.createElement(react.Spinner, { "data-ui-id": "stream-media-loading-spinner", styles: loadSpinnerStyles$1 })))
|
16422
|
+
React.createElement(react.Spinner, { "data-ui-id": "stream-media-loading-spinner", styles: loadSpinnerStyles$1 }))),
|
16423
|
+
loadingState === 'reconnecting' && (React.createElement("div", { className: reconnectingContainer() },
|
16424
|
+
React.createElement(react.Text, { "data-ui-id": "stream-media-reconnecting", className: reconnectingText(theme) }, "Reconnecting...")))));
|
16431
16425
|
};
|
16432
16426
|
|
16433
16427
|
// Copyright (c) Microsoft Corporation.
|
@@ -16527,7 +16521,7 @@ const ParticipantItem = (props) => {
|
|
16527
16521
|
const ids = useIdentifiers();
|
16528
16522
|
const uniqueId = reactHooks.useId();
|
16529
16523
|
const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
|
16530
|
-
const participantStateString = participantStateStringTrampoline
|
16524
|
+
const participantStateString = participantStateStringTrampoline(props, strings);
|
16531
16525
|
const showMenuIcon = !participantStateString && (itemHovered || !menuHidden) && menuItems && (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0;
|
16532
16526
|
// For 'me' show empty name so avatar will get 'Person' icon, when there is no name
|
16533
16527
|
const meAvatarText = (displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || '';
|
@@ -16577,9 +16571,7 @@ const ParticipantItem = (props) => {
|
|
16577
16571
|
preventDismissOnEvent: _preventDismissOnEvent
|
16578
16572
|
} })))))))));
|
16579
16573
|
};
|
16580
|
-
const participantStateStringTrampoline
|
16581
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
16582
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
16574
|
+
const participantStateStringTrampoline = (props, strings) => {
|
16583
16575
|
return props.participantState === 'EarlyMedia' || props.participantState === 'Ringing'
|
16584
16576
|
? strings === null || strings === void 0 ? void 0 : strings.participantStateRinging
|
16585
16577
|
: props.participantState === 'Hold'
|
@@ -16879,10 +16871,7 @@ const onRenderParticipantDefault = (participant, strings, myUserId, onRenderAvat
|
|
16879
16871
|
const onRenderAvatarWithRaiseHand = (callingParticipant === null || callingParticipant === void 0 ? void 0 : callingParticipant.raisedHand) && onRenderAvatar
|
16880
16872
|
? (userId, options, defaultOnRender) => onRenderAvatar(userId, Object.assign(Object.assign({}, options), { styles: { root: { border: callingPalette.raiseHandGold } } }), defaultOnRender)
|
16881
16873
|
: onRenderAvatar;
|
16882
|
-
return (React.createElement(ParticipantItem, { styles: styles, key: participant.userId, userId: participant.userId, displayName: displayName, me: myUserId ? participant.userId === myUserId : false, menuItems: menuItems, presence: presence, onRenderIcon: onRenderIcon, onRenderAvatar: onRenderAvatarWithRaiseHand, onClick: onParticipantClick ? () => onParticipantClick === null || onParticipantClick === void 0 ? void 0 : onParticipantClick(participant) : undefined, showParticipantOverflowTooltip: showParticipantOverflowTooltip,
|
16883
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
16884
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
16885
|
-
participantState: callingParticipant.state, ariaLabelledBy: participantAriaLabelledBy }));
|
16874
|
+
return (React.createElement(ParticipantItem, { styles: styles, key: participant.userId, userId: participant.userId, displayName: displayName, me: myUserId ? participant.userId === myUserId : false, menuItems: menuItems, presence: presence, onRenderIcon: onRenderIcon, onRenderAvatar: onRenderAvatarWithRaiseHand, onClick: onParticipantClick ? () => onParticipantClick === null || onParticipantClick === void 0 ? void 0 : onParticipantClick(participant) : undefined, showParticipantOverflowTooltip: showParticipantOverflowTooltip, participantState: callingParticipant.state, ariaLabelledBy: participantAriaLabelledBy }));
|
16886
16875
|
};
|
16887
16876
|
/**
|
16888
16877
|
* Sort participants by raised hand order position
|
@@ -18154,7 +18143,7 @@ const VideoTile = (props) => {
|
|
18154
18143
|
const tileInfoStyle = React.useMemo(() => react.mergeStyles(isVideoRendered || props.alwaysShowLabelBackground ? videoHintWithBorderRadius : disabledVideoHint, styles === null || styles === void 0 ? void 0 : styles.displayNameContainer), [isVideoRendered, videoHintWithBorderRadius, styles === null || styles === void 0 ? void 0 : styles.displayNameContainer, props.alwaysShowLabelBackground]);
|
18155
18144
|
const ids = useIdentifiers();
|
18156
18145
|
const canShowLabel = showLabel && (displayName || (showMuteIndicator && isMuted));
|
18157
|
-
const participantStateString =
|
18146
|
+
const participantStateString = getParticipantStateString(props, locale);
|
18158
18147
|
const canShowContextMenuButton = isHovered || isFocused;
|
18159
18148
|
let raisedHandBackgroundColor = '';
|
18160
18149
|
raisedHandBackgroundColor = callingPalette.raiseHandGold;
|
@@ -18174,10 +18163,7 @@ const VideoTile = (props) => {
|
|
18174
18163
|
}, styles === null || styles === void 0 ? void 0 : styles.root) }, longPressHandlers),
|
18175
18164
|
React.createElement("div", Object.assign({ ref: videoTileRef, style: { width: '100%', height: '100%' } }, hoverHandlers, { "data-is-focusable": true }),
|
18176
18165
|
isVideoRendered ? (React.createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, isMirrored && { transform: 'scaleX(-1)' }, styles === null || styles === void 0 ? void 0 : styles.videoContainer) }, renderElement)) : (React.createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, {
|
18177
|
-
opacity: participantStateString ||
|
18178
|
-
/* @conditional-compile-remove(PSTN-calls) */ props.participantState === 'Idle'
|
18179
|
-
? 0.4
|
18180
|
-
: 1
|
18166
|
+
opacity: participantStateString || props.participantState === 'Idle' ? 0.4 : 1
|
18181
18167
|
}) }, onRenderPlaceholder ? (onRenderPlaceholder(userId !== null && userId !== void 0 ? userId : '', placeholderOptions, DefaultPlaceholder)) : (React.createElement(DefaultPlaceholder, Object.assign({}, placeholderOptions))))),
|
18182
18168
|
reactionOverlay,
|
18183
18169
|
(canShowLabel || participantStateString) && (React.createElement(react.Stack, { horizontal: true, className: tileInfoContainerStyle, tokens: tileInfoContainerTokens },
|
@@ -18198,12 +18184,8 @@ const VideoTile = (props) => {
|
|
18198
18184
|
React.createElement(react.Stack.Item, null,
|
18199
18185
|
React.createElement(RaisedHandIcon, null)))))));
|
18200
18186
|
};
|
18201
|
-
const
|
18202
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
18203
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
18187
|
+
const getParticipantStateString = (props, locale) => {
|
18204
18188
|
const strings = Object.assign(Object.assign({}, locale.strings.videoTile), props.strings);
|
18205
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
18206
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
18207
18189
|
return props.participantState === 'EarlyMedia' || props.participantState === 'Ringing'
|
18208
18190
|
? strings === null || strings === void 0 ? void 0 : strings.participantStateRinging
|
18209
18191
|
: props.participantState === 'Hold'
|
@@ -18277,13 +18259,9 @@ const DEFAULT_MAX_VIDEO_SREAMS = 4;
|
|
18277
18259
|
const MAX_GRID_PARTICIPANTS_NOT_LARGE_GALLERY = 9;
|
18278
18260
|
const getOrganizedParticipants = (props) => {
|
18279
18261
|
const { remoteParticipants = [], dominantSpeakers = [], maxGridParticipants = DEFAULT_MAX_VIDEO_SREAMS, maxOverflowGalleryDominantSpeakers = DEFAULT_MAX_OVERFLOW_GALLERY_DOMINANT_SPEAKERS, layout, previousGridParticipants = [], previousOverflowParticipants = [] } = props;
|
18280
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
18281
18262
|
const callingParticipants = remoteParticipants.filter((p) => p.state === ('Connecting'));
|
18282
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
18283
18263
|
const callingParticipantsSet = new Set(callingParticipants.map((p) => p.userId));
|
18284
|
-
|
18285
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
18286
|
-
connectedParticipants = connectedParticipants.filter((p) => !callingParticipantsSet.has(p.userId));
|
18264
|
+
const connectedParticipants = remoteParticipants.filter((p) => !callingParticipantsSet.has(p.userId));
|
18287
18265
|
const remoteParticipantsOrdered = putVideoParticipantsFirst(connectedParticipants);
|
18288
18266
|
const videoParticipants = remoteParticipants.filter((p) => { var _a; return (_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable; });
|
18289
18267
|
const participantsForGrid = layout === 'floatingLocalVideo' && videoParticipants.length > 0 ? videoParticipants : remoteParticipantsOrdered;
|
@@ -18310,7 +18288,6 @@ const getOrganizedParticipants = (props) => {
|
|
18310
18288
|
});
|
18311
18289
|
let gridParticipants = newGridParticipants;
|
18312
18290
|
let overflowGalleryParticipants = newOverflowGalleryParticipants;
|
18313
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
18314
18291
|
if (gridParticipants.length + callingParticipants.length <= maxGridParticipants) {
|
18315
18292
|
gridParticipants = gridParticipants.concat(callingParticipants);
|
18316
18293
|
}
|
@@ -18959,16 +18936,17 @@ const _RemoteVideoTile = React.memo((props) => {
|
|
18959
18936
|
};
|
18960
18937
|
}, [contextualMenuProps, menuKind]);
|
18961
18938
|
const showLoadingIndicator = isAvailable && isReceiving === false && participantState !== 'Disconnected';
|
18939
|
+
const isReconnecting = participantState === 'Reconnecting';
|
18962
18940
|
const [drawerMenuItemProps, setDrawerMenuItemProps] = React.useState([]);
|
18963
18941
|
const renderVideoStreamElement = React.useMemo(() => {
|
18964
18942
|
// Checking if renderElement is well defined or not as calling SDK has a number of video streams limitation which
|
18965
18943
|
// implies that, after their threshold, all streams have no child (blank video)
|
18966
|
-
if (!renderElement || !renderElement.childElementCount) {
|
18944
|
+
if ((!renderElement || !renderElement.childElementCount) && !isReconnecting) {
|
18967
18945
|
// Returning `undefined` results in the placeholder with avatar being shown
|
18968
18946
|
return undefined;
|
18969
18947
|
}
|
18970
|
-
return (React.createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: showLoadingIndicator ? 'loading' : 'none' }));
|
18971
|
-
}, [renderElement, showLoadingIndicator]);
|
18948
|
+
return (React.createElement(StreamMedia, { videoStreamElement: renderElement !== null && renderElement !== void 0 ? renderElement : null, loadingState: showLoadingIndicator ? 'loading' : isReconnecting ? 'reconnecting' : 'none' }));
|
18949
|
+
}, [isReconnecting, renderElement, showLoadingIndicator]);
|
18972
18950
|
const onKeyDown = React.useCallback((e) => {
|
18973
18951
|
if (e.key === 'Enter') {
|
18974
18952
|
setDrawerMenuItemProps(convertContextualMenuItemsToDrawerMenuItemProps$1(contextualMenuProps, () => setDrawerMenuItemProps([])));
|
@@ -18990,10 +18968,7 @@ const _RemoteVideoTile = React.memo((props) => {
|
|
18990
18968
|
};
|
18991
18969
|
const reactionOverlay = reactionResources && (React.createElement(MeetingReactionOverlay, { overlayMode: "grid-tiles", reaction: remoteParticipant.reaction, reactionResources: reactionResources }));
|
18992
18970
|
return (React.createElement(react.Stack, { tabIndex: menuKind === 'drawer' ? 0 : undefined, onKeyDown: menuKind === 'drawer' ? onKeyDown : undefined, style: remoteVideoTileWrapperStyle },
|
18993
|
-
React.createElement(VideoTile, Object.assign({ key: userId, userId: userId, initialsName: (_b = formatInitialsName()) !== null && _b !== void 0 ? _b : '', renderElement: renderVideoStreamElement, displayName: displayName, onRenderPlaceholder: onRenderAvatar, isMuted: remoteParticipant.isMuted, raisedHand: remoteParticipant.raisedHand, isSpeaking: remoteParticipant.isSpeaking, showMuteIndicator: showMuteIndicator, personaMinSize: props.personaMinSize, showLabel: props.showLabel, alwaysShowLabelBackground: props.alwaysShowLabelBackground,
|
18994
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
18995
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
18996
|
-
participantState: participantState }, videoTileContextualMenuProps, { isPinned: props.isPinned, onLongTouch: props.onLongTouch
|
18971
|
+
React.createElement(VideoTile, Object.assign({ key: userId, userId: userId, initialsName: (_b = formatInitialsName()) !== null && _b !== void 0 ? _b : '', renderElement: renderVideoStreamElement, displayName: displayName, onRenderPlaceholder: onRenderAvatar, isMuted: remoteParticipant.isMuted, raisedHand: remoteParticipant.raisedHand, isSpeaking: remoteParticipant.isSpeaking, showMuteIndicator: showMuteIndicator, personaMinSize: props.personaMinSize, showLabel: props.showLabel, alwaysShowLabelBackground: props.alwaysShowLabelBackground, participantState: participantState }, videoTileContextualMenuProps, { isPinned: props.isPinned, onLongTouch: props.onLongTouch
|
18997
18972
|
? props.onLongTouch
|
18998
18973
|
: () => setDrawerMenuItemProps(convertContextualMenuItemsToDrawerMenuItemProps$1(contextualMenuProps, () => setDrawerMenuItemProps([]))), isSpotlighted: isSpotlighted, overlay: reactionOverlay })),
|
18999
18974
|
drawerMenuItemProps.length > 0 && (React.createElement(react.Layer, { hostId: props.drawerMenuHostId },
|
@@ -21396,9 +21371,7 @@ const VideoGallery = (props) => {
|
|
21396
21371
|
}
|
21397
21372
|
: remoteVideoViewOptions;
|
21398
21373
|
};
|
21399
|
-
return (React.createElement(_RemoteVideoTile, { alwaysShowLabelBackground: videoTilesOptions === null || videoTilesOptions === void 0 ? void 0 : videoTilesOptions.alwaysShowLabelBackground, streamId: remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.id, key: participant.userId, userId: participant.userId, remoteParticipant: participant, onCreateRemoteStreamView: isVideoParticipant ? onCreateRemoteStreamView : undefined, onDisposeRemoteStreamView: isVideoParticipant ? onDisposeRemoteVideoStreamView : undefined, isAvailable: isVideoParticipant ? remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.isAvailable : false, isReceiving: isVideoParticipant ? remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.isReceiving : false, renderElement: isVideoParticipant ? remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.renderElement : undefined, remoteVideoViewOptions: createViewOptions(), onRenderAvatar: onRenderAvatar, showMuteIndicator: showMuteIndicator, strings: strings,
|
21400
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
21401
|
-
participantState: participant.state, menuKind: participant.userId === localParticipant.userId
|
21374
|
+
return (React.createElement(_RemoteVideoTile, { alwaysShowLabelBackground: videoTilesOptions === null || videoTilesOptions === void 0 ? void 0 : videoTilesOptions.alwaysShowLabelBackground, streamId: remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.id, key: participant.userId, userId: participant.userId, remoteParticipant: participant, onCreateRemoteStreamView: isVideoParticipant ? onCreateRemoteStreamView : undefined, onDisposeRemoteStreamView: isVideoParticipant ? onDisposeRemoteVideoStreamView : undefined, isAvailable: isVideoParticipant ? remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.isAvailable : false, isReceiving: isVideoParticipant ? remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.isReceiving : false, renderElement: isVideoParticipant ? remoteVideoStream === null || remoteVideoStream === void 0 ? void 0 : remoteVideoStream.renderElement : undefined, remoteVideoViewOptions: createViewOptions(), onRenderAvatar: onRenderAvatar, showMuteIndicator: showMuteIndicator, strings: strings, participantState: participant.state, menuKind: participant.userId === localParticipant.userId
|
21402
21375
|
? undefined
|
21403
21376
|
: remoteVideoTileMenu
|
21404
21377
|
? remoteVideoTileMenu.kind === 'drawer'
|
@@ -24819,32 +24792,23 @@ const NotificationStack = (props) => {
|
|
24819
24792
|
*/
|
24820
24793
|
const IncomingCallNotification$k = (props) => {
|
24821
24794
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
24822
|
-
const { callerName, alertText, avatarImage, onAcceptWithAudio,
|
24823
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24824
|
-
onAcceptWithVideo, onReject, onDismiss, personaSize, styles, strings,
|
24825
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24826
|
-
acceptOptions } = props;
|
24795
|
+
const { callerName, alertText, avatarImage, onAcceptWithAudio, onAcceptWithVideo, onReject, onDismiss, personaSize, styles, strings, acceptOptions } = props;
|
24827
24796
|
const theme = react.useTheme();
|
24828
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24829
24797
|
const localeStrings = useLocale$1().strings.IncomingCallNotification;
|
24830
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24831
24798
|
const formattedMessageString = localeStrings.incomingCallNotificationPlaceholderAlert && callerName
|
24832
24799
|
? _formatString(localeStrings.incomingCallNotificationPlaceholderAlert, { callerName: callerName })
|
24833
24800
|
: callerName;
|
24834
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24835
24801
|
const acceptManuOptions = acceptOptions.showAcceptWithVideo
|
24836
24802
|
? {
|
24837
24803
|
items: [
|
24838
24804
|
{
|
24839
24805
|
key: 'audio',
|
24840
|
-
text:
|
24841
|
-
/* @conditional-compile-remove(one-to-n-calling) */ (_a = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationAcceptButtonLabel) !== null && _a !== void 0 ? _a : localeStrings.incomingCallNotificationAcceptButtonLabel,
|
24806
|
+
text: (_a = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationAcceptButtonLabel) !== null && _a !== void 0 ? _a : localeStrings.incomingCallNotificationAcceptButtonLabel,
|
24842
24807
|
onClick: () => onAcceptWithAudio()
|
24843
24808
|
},
|
24844
24809
|
{
|
24845
24810
|
key: 'video',
|
24846
|
-
text:
|
24847
|
-
/* @conditional-compile-remove(one-to-n-calling) */ (_b = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationAccceptWithVideoButtonLabel) !== null && _b !== void 0 ? _b : localeStrings.incomingCallNotificationAccceptWithVideoButtonLabel,
|
24811
|
+
text: (_b = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationAccceptWithVideoButtonLabel) !== null && _b !== void 0 ? _b : localeStrings.incomingCallNotificationAccceptWithVideoButtonLabel,
|
24848
24812
|
onClick: () => onAcceptWithVideo()
|
24849
24813
|
}
|
24850
24814
|
]
|
@@ -24855,24 +24819,11 @@ const IncomingCallNotification$k = (props) => {
|
|
24855
24819
|
React.createElement(react.Stack, { horizontalAlign: "start", styles: (styles === null || styles === void 0 ? void 0 : styles.avatarContainer) ? styles.avatarContainer : incomingCallToastAvatarContainerStyle },
|
24856
24820
|
React.createElement(react.Persona, { imageUrl: avatarImage, text: callerName, size: react.PersonaSize.size24, coinSize: personaSize, hidePersonaDetails: true, "aria-label": callerName })),
|
24857
24821
|
React.createElement(react.Stack, { grow: true, horizontalAlign: "center", style: { alignItems: 'flex-start', fontFamily: 'Segoe UI' } },
|
24858
|
-
React.createElement(react.Text, { tabIndex: 0, "aria-live": 'assertive', "aria-label": alertText !== null && alertText !== void 0 ? alertText : formattedMessageString }, (_c = alertText !== null && alertText !== void 0 ? alertText : strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationPlaceholderAlert) !== null && _c !== void 0 ? _c :
|
24859
|
-
|
24860
|
-
React.createElement(react.IconButton
|
24861
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24862
|
-
, {
|
24863
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24864
|
-
ariaLabel: (_d = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationDismissButtonAriaLabel) !== null && _d !== void 0 ? _d : localeStrings.incomingCallNotificationDismissButtonAriaLabel, iconProps: { iconName: 'cancel' }, onClick: onDismiss, styles: dismissButtonStyle(theme) })),
|
24822
|
+
React.createElement(react.Text, { tabIndex: 0, "aria-live": 'assertive', "aria-label": alertText !== null && alertText !== void 0 ? alertText : formattedMessageString }, (_c = alertText !== null && alertText !== void 0 ? alertText : strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationPlaceholderAlert) !== null && _c !== void 0 ? _c : formattedMessageString)),
|
24823
|
+
React.createElement(react.IconButton, { ariaLabel: (_d = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationDismissButtonAriaLabel) !== null && _d !== void 0 ? _d : localeStrings.incomingCallNotificationDismissButtonAriaLabel, iconProps: { iconName: 'cancel' }, onClick: onDismiss, styles: dismissButtonStyle(theme) })),
|
24865
24824
|
React.createElement(react.Stack, { horizontal: true, horizontalAlign: 'center', tokens: { childrenGap: '0.5rem' } },
|
24866
|
-
React.createElement(react.PrimaryButton, { styles: (styles === null || styles === void 0 ? void 0 : styles.acceptButton) ? styles.acceptButton : incomingCallAcceptButtonStyle(theme), onClick: () => onAcceptWithAudio(), iconProps: { iconName: 'IncomingCallNotificationAcceptIcon', style: { lineHeight: '1rem' } },
|
24867
|
-
|
24868
|
-
ariaLabel: (_e = strings === null || strings === void 0 ? void 0 : strings.incomingCallNoticicationAcceptWithAudioAriaLabel) !== null && _e !== void 0 ? _e : localeStrings.incomingCallNoticicationAcceptWithAudioAriaLabel,
|
24869
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24870
|
-
menuProps: acceptManuOptions },
|
24871
|
-
/* @conditional-compile-remove(one-to-n-calling) */ (_f = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationAcceptButtonLabel) !== null && _f !== void 0 ? _f : localeStrings.incomingCallNotificationAcceptButtonLabel),
|
24872
|
-
React.createElement(react.DefaultButton, { styles: (styles === null || styles === void 0 ? void 0 : styles.rejectButton) ? styles.rejectButton : incomingCallRejectButtonStyle(theme), onClick: () => onReject(), iconProps: { iconName: 'IncomingCallNotificationRejectIcon' },
|
24873
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24874
|
-
ariaLabel: (_g = strings === null || strings === void 0 ? void 0 : strings.incomingCallNoticicationRejectAriaLabel) !== null && _g !== void 0 ? _g : localeStrings.incomingCallNoticicationRejectAriaLabel },
|
24875
|
-
/* @conditional-compile-remove(one-to-n-calling) */ (_h = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationRejectButtonLabel) !== null && _h !== void 0 ? _h : localeStrings.incomingCallNotificationRejectButtonLabel))));
|
24825
|
+
React.createElement(react.PrimaryButton, { styles: (styles === null || styles === void 0 ? void 0 : styles.acceptButton) ? styles.acceptButton : incomingCallAcceptButtonStyle(theme), onClick: () => onAcceptWithAudio(), iconProps: { iconName: 'IncomingCallNotificationAcceptIcon', style: { lineHeight: '1rem' } }, ariaLabel: (_e = strings === null || strings === void 0 ? void 0 : strings.incomingCallNoticicationAcceptWithAudioAriaLabel) !== null && _e !== void 0 ? _e : localeStrings.incomingCallNoticicationAcceptWithAudioAriaLabel, menuProps: acceptManuOptions }, (_f = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationAcceptButtonLabel) !== null && _f !== void 0 ? _f : localeStrings.incomingCallNotificationAcceptButtonLabel),
|
24826
|
+
React.createElement(react.DefaultButton, { styles: (styles === null || styles === void 0 ? void 0 : styles.rejectButton) ? styles.rejectButton : incomingCallRejectButtonStyle(theme), onClick: () => onReject(), iconProps: { iconName: 'IncomingCallNotificationRejectIcon' }, ariaLabel: (_g = strings === null || strings === void 0 ? void 0 : strings.incomingCallNoticicationRejectAriaLabel) !== null && _g !== void 0 ? _g : localeStrings.incomingCallNoticicationRejectAriaLabel }, (_h = strings === null || strings === void 0 ? void 0 : strings.incomingCallNotificationRejectButtonLabel) !== null && _h !== void 0 ? _h : localeStrings.incomingCallNotificationRejectButtonLabel))));
|
24876
24827
|
};
|
24877
24828
|
const incomingCallToastStyle = (theme) => {
|
24878
24829
|
return {
|
@@ -24935,7 +24886,6 @@ const incomingCallRejectButtonStyle = (theme) => {
|
|
24935
24886
|
|
24936
24887
|
// Copyright (c) Microsoft Corporation.
|
24937
24888
|
// Licensed under the MIT License.
|
24938
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24939
24889
|
/**
|
24940
24890
|
* Wrapper to manage multiple incoming calls
|
24941
24891
|
* @param props - {@link IncomingCallManagerProps}
|
@@ -24943,11 +24893,8 @@ const incomingCallRejectButtonStyle = (theme) => {
|
|
24943
24893
|
* @public
|
24944
24894
|
*/
|
24945
24895
|
const IncomingCallStack = (props) => {
|
24946
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
24947
24896
|
const { activeIncomingCalls, removedIncomingCalls, onAcceptCall, onRejectCall, styles, strings, tabIndex } = props;
|
24948
|
-
return (React.createElement(react.Stack, { tokens: { childrenGap: '0.25rem' }, role: 'group',
|
24949
|
-
/* @conditional-compile-remove(one-to-n-calling) */ tabIndex: tabIndex },
|
24950
|
-
/* @conditional-compile-remove(one-to-n-calling) */ activeIncomingCalls
|
24897
|
+
return (React.createElement(react.Stack, { tokens: { childrenGap: '0.25rem' }, role: 'group', tabIndex: tabIndex }, activeIncomingCalls
|
24951
24898
|
.filter((incomingCall) => !removedIncomingCalls.some((call) => call.id === incomingCall.id))
|
24952
24899
|
.map((incomingCall) => {
|
24953
24900
|
return (React.createElement(IncomingCallNotification$k, { key: incomingCall.id, callerName: incomingCall.callerInfo.displayName, onAcceptWithAudio: () => onAcceptCall(incomingCall.id), onAcceptWithVideo: () => onAcceptCall(incomingCall.id, true), onReject: () => onRejectCall(incomingCall.id), onDismiss: () => onRejectCall(incomingCall.id), styles: styles, strings: strings, acceptOptions: { showAcceptWithVideo: incomingCall.videoAvailable } }));
|
@@ -25307,7 +25254,7 @@ const _videoGalleryRemoteParticipantsMemo = (remoteParticipants, isHideAttendeeN
|
|
25307
25254
|
communicationCommon.isPhoneNumberIdentifier(participant.identifier));
|
25308
25255
|
})
|
25309
25256
|
.map((participant) => {
|
25310
|
-
const state =
|
25257
|
+
const state = _convertParticipantState(participant);
|
25311
25258
|
const displayName = maskDisplayNameWithRole(participant.displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
|
25312
25259
|
const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
|
25313
25260
|
const spotlight = participant.spotlight;
|
@@ -25351,8 +25298,6 @@ const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted
|
|
25351
25298
|
videoStream,
|
25352
25299
|
screenShareStream,
|
25353
25300
|
isScreenSharingOn: screenShareStream !== undefined && screenShareStream.isAvailable,
|
25354
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
25355
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
25356
25301
|
state,
|
25357
25302
|
raisedHand,
|
25358
25303
|
reaction,
|
@@ -25461,17 +25406,13 @@ const videoGallerySelector = reselect.createSelector([
|
|
25461
25406
|
? convertRemoteParticipantToVideoGalleryRemoteParticipant(toFlatCommunicationIdentifier(screenShareRemoteParticipant.identifier), screenShareRemoteParticipant.isMuted, checkIsSpeaking(screenShareRemoteParticipant), screenShareRemoteParticipant.videoStreams, screenShareRemoteParticipant.state, screenShareRemoteParticipant.displayName, screenShareRemoteParticipant.raisedHand, screenShareRemoteParticipant.contentSharingStream, undefined, screenShareRemoteParticipant.spotlight)
|
25462
25407
|
: undefined,
|
25463
25408
|
localParticipant: memoizeLocalParticipant(identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, localScreenSharingStream, role, raisedHand, localParticipantReactionState, spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.localParticipantSpotlight, capabilities),
|
25464
|
-
remoteParticipants: _videoGalleryRemoteParticipantsMemo(
|
25409
|
+
remoteParticipants: _videoGalleryRemoteParticipantsMemo(_updateUserDisplayNames(remoteParticipants ? Object.values(remoteParticipants) : noRemoteParticipants), isHideAttendeeNamesEnabled, role),
|
25465
25410
|
dominantSpeakers: dominantSpeakerIds,
|
25466
25411
|
maxRemoteVideoStreams: optimalVideoCount,
|
25467
25412
|
spotlightedParticipants: spotlightedParticipantIds,
|
25468
25413
|
maxParticipantsToSpotlight: spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.maxParticipantsToSpotlight
|
25469
25414
|
};
|
25470
25415
|
});
|
25471
|
-
const updateUserDisplayNamesTrampoline$2 = (remoteParticipants) => {
|
25472
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
25473
|
-
return _updateUserDisplayNames(remoteParticipants);
|
25474
|
-
};
|
25475
25416
|
|
25476
25417
|
// Copyright (c) Microsoft Corporation.
|
25477
25418
|
// Licensed under the MIT License.
|
@@ -25496,7 +25437,7 @@ const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipan
|
|
25496
25437
|
* We want to check the participant to see if they are a PSTN participant joining the call
|
25497
25438
|
* and mapping their state to be 'Ringing'
|
25498
25439
|
*/
|
25499
|
-
const state =
|
25440
|
+
const state = _convertParticipantState(participant);
|
25500
25441
|
const displayName = maskDisplayNameWithRole(participant.displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
|
25501
25442
|
const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
|
25502
25443
|
const spotlight = memoizedSpotlight(spotlightedParticipants, toFlatCommunicationIdentifier(participant.identifier));
|
@@ -25539,7 +25480,7 @@ const participantListSelector = reselect.createSelector([
|
|
25539
25480
|
], (userId, displayName, remoteParticipants, isScreenSharingOn, isMuted, raisedHand, role, partitipantCount, isHideAttendeeNamesEnabled, localParticipantReactionState, spotlightCallFeature) => {
|
25540
25481
|
const localUserCanRemoveOthers = localUserCanRemoveOthersTrampoline(role);
|
25541
25482
|
const participants = remoteParticipants
|
25542
|
-
? convertRemoteParticipantsToParticipantListParticipants(
|
25483
|
+
? convertRemoteParticipantsToParticipantListParticipants(_updateUserDisplayNames(Object.values(remoteParticipants)), localUserCanRemoveOthers, isHideAttendeeNamesEnabled, role, spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants)
|
25543
25484
|
: [];
|
25544
25485
|
participants.push({
|
25545
25486
|
userId: userId,
|
@@ -25562,10 +25503,6 @@ const participantListSelector = reselect.createSelector([
|
|
25562
25503
|
totalParticipantCount: totalParticipantCount
|
25563
25504
|
};
|
25564
25505
|
});
|
25565
|
-
const updateUserDisplayNamesTrampoline$1 = (remoteParticipants) => {
|
25566
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
25567
|
-
return _updateUserDisplayNames(remoteParticipants);
|
25568
|
-
};
|
25569
25506
|
const localUserCanRemoveOthersTrampoline = (role) => {
|
25570
25507
|
return role === 'Presenter' || role === 'Unknown' || role === undefined;
|
25571
25508
|
};
|
@@ -25852,14 +25789,6 @@ const emptySelector = () => ({});
|
|
25852
25789
|
*/
|
25853
25790
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
25854
25791
|
const getSelector$1 = (component) => {
|
25855
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
25856
|
-
if (component === HoldButton) {
|
25857
|
-
return findConditionalCompiledSelector(component);
|
25858
|
-
}
|
25859
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
25860
|
-
if (component === IncomingCallStack) {
|
25861
|
-
return findConditionalCompiledSelector(component);
|
25862
|
-
}
|
25863
25792
|
return findSelector$1(component);
|
25864
25793
|
};
|
25865
25794
|
const findSelector$1 = (component) => {
|
@@ -25892,22 +25821,20 @@ const findSelector$1 = (component) => {
|
|
25892
25821
|
return reactionButtonSelector;
|
25893
25822
|
case NotificationStack:
|
25894
25823
|
return notificationStackSelector;
|
25895
|
-
}
|
25896
|
-
return undefined;
|
25897
|
-
};
|
25898
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
25899
|
-
const findConditionalCompiledSelector = (component) => {
|
25900
|
-
switch (component) {
|
25901
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
25902
25824
|
case HoldButton:
|
25903
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
25904
25825
|
return holdButtonSelector;
|
25905
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
25906
25826
|
case IncomingCallStack:
|
25907
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
25908
25827
|
return incomingCallStackSelector;
|
25909
25828
|
}
|
25829
|
+
return undefined;
|
25910
25830
|
};
|
25831
|
+
/**
|
25832
|
+
* Selector for new components that are conditionally compiled. Comment out when there is no CC'd components
|
25833
|
+
*/
|
25834
|
+
// const findConditionalCompiledSelector = (component: (props: any) => JSX.Element | undefined): any => {
|
25835
|
+
// switch (component) {
|
25836
|
+
// }
|
25837
|
+
// };
|
25911
25838
|
|
25912
25839
|
// Copyright (c) Microsoft Corporation.
|
25913
25840
|
// Licensed under the MIT License.
|
@@ -28901,11 +28828,8 @@ const COMPOSITE_ONLY_ICONS = {
|
|
28901
28828
|
NoticePageCallTimeout: React.createElement(reactIcons.Info20Filled, null),
|
28902
28829
|
/* @conditional-compile-remove(file-sharing-acs) */
|
28903
28830
|
SendBoxAttachFile: React.createElement(reactIcons.Attach20Regular, null),
|
28904
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
28905
28831
|
PeoplePaneAddPerson: React.createElement(reactIcons.PersonAdd20Regular, null),
|
28906
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
28907
28832
|
PeoplePaneOpenDialpad: React.createElement(reactIcons.Dialpad20Regular, null),
|
28908
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
28909
28833
|
DialpadStartCall: React.createElement(reactIcons.Call20Regular, null),
|
28910
28834
|
NoticePageInviteToRoomRemoved: React.createElement(reactIcons.Info20Filled, null),
|
28911
28835
|
BlurVideoBackground: React.createElement(reactIcons.VideoBackgroundEffect20Regular, null),
|
@@ -29240,9 +29164,7 @@ const AvatarPersona = (props) => {
|
|
29240
29164
|
}
|
29241
29165
|
return (React.createElement(react.Persona, Object.assign({}, props, { className: activePersona, text: (_a = data === null || data === void 0 ? void 0 : data.text) !== null && _a !== void 0 ? _a : text, imageUrl: (_b = data === null || data === void 0 ? void 0 : data.imageUrl) !== null && _b !== void 0 ? _b : imageUrl, imageInitials: (_c = data === null || data === void 0 ? void 0 : data.imageInitials) !== null && _c !== void 0 ? _c : imageInitials, initialsColor: (_d = data === null || data === void 0 ? void 0 : data.initialsColor) !== null && _d !== void 0 ? _d : initialsColor, initialsTextColor: (_f = (_e = data === null || data === void 0 ? void 0 : data.initialsTextColor) !== null && _e !== void 0 ? _e : initialsTextColor) !== null && _f !== void 0 ? _f : 'white',
|
29242
29166
|
// default disable tooltip unless specified
|
29243
|
-
showOverflowTooltip: showOverflowTooltip !== null && showOverflowTooltip !== void 0 ? showOverflowTooltip : false,
|
29244
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
29245
|
-
showUnknownPersonaCoin: (_h = (_g = data === null || data === void 0 ? void 0 : data.showUnknownPersonaCoin) !== null && _g !== void 0 ? _g : props.showUnknownPersonaCoin) !== null && _h !== void 0 ? _h : false })));
|
29167
|
+
showOverflowTooltip: showOverflowTooltip !== null && showOverflowTooltip !== void 0 ? showOverflowTooltip : false, showUnknownPersonaCoin: (_h = (_g = data === null || data === void 0 ? void 0 : data.showUnknownPersonaCoin) !== null && _g !== void 0 ? _g : props.showUnknownPersonaCoin) !== null && _h !== void 0 ? _h : false })));
|
29246
29168
|
};
|
29247
29169
|
const avatarDeepDifferenceCheck = (currentData, newData) => {
|
29248
29170
|
return ((currentData === null || currentData === void 0 ? void 0 : currentData.text) !== (newData === null || newData === void 0 ? void 0 : newData.text) ||
|
@@ -29772,7 +29694,7 @@ const AttachmentDownloadErrorBar = (props) => {
|
|
29772
29694
|
/**
|
29773
29695
|
* Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading
|
29774
29696
|
*/
|
29775
|
-
const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-
|
29697
|
+
const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-BDmVvOJh.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
|
29776
29698
|
/**
|
29777
29699
|
* @private
|
29778
29700
|
* Use this function to load RoosterJS dependencies early in the lifecycle.
|
@@ -29780,7 +29702,7 @@ const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function
|
|
29780
29702
|
*
|
29781
29703
|
/* @conditional-compile-remove(rich-text-editor-composite-support)
|
29782
29704
|
*/
|
29783
|
-
const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-
|
29705
|
+
const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-BDmVvOJh.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
|
29784
29706
|
/**
|
29785
29707
|
* @private
|
29786
29708
|
*/
|
@@ -30669,7 +30591,6 @@ const memoizeState = memoizeOne((userId, deviceManager, calls, latestErrors, lat
|
|
30669
30591
|
latestErrors,
|
30670
30592
|
/* @conditional-compile-remove(breakout-rooms) */
|
30671
30593
|
latestNotifications: latestNotifications !== null && latestNotifications !== void 0 ? latestNotifications : {},
|
30672
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
30673
30594
|
alternateCallerId,
|
30674
30595
|
/* @conditional-compile-remove(unsupported-browser) */
|
30675
30596
|
environmentInfo
|
@@ -30690,9 +30611,7 @@ const adaptCompositeState = (compositeState) => {
|
|
30690
30611
|
// that are unknown to the UI component and data binding libraries. Generic handling of the errors (e.g.,
|
30691
30612
|
// just displaying them in some UI surface) will continue to work for these operations. Handling of
|
30692
30613
|
// specific operations (e.g., acting on errors related to permission issues) will ignore these operations.
|
30693
|
-
compositeState.latestErrors, /* @conditional-compile-remove(breakout-rooms) */ compositeState.latestNotifications, compositeState.displayName,
|
30694
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
30695
|
-
compositeState.alternateCallerId,
|
30614
|
+
compositeState.latestErrors, /* @conditional-compile-remove(breakout-rooms) */ compositeState.latestNotifications, compositeState.displayName, compositeState.alternateCallerId,
|
30696
30615
|
/* @conditional-compile-remove(unsupported-browser) */
|
30697
30616
|
compositeState.environmentInfo);
|
30698
30617
|
};
|
@@ -30933,7 +30852,6 @@ const getEndedCallPageProps = (locale, endedCall) => {
|
|
30933
30852
|
}
|
30934
30853
|
break;
|
30935
30854
|
}
|
30936
|
-
/* @conditional-compile-remove(teams-adhoc-call) */
|
30937
30855
|
switch ((_e = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _e === void 0 ? void 0 : _e.subCode) {
|
30938
30856
|
case 10037:
|
30939
30857
|
if (locale.strings.call.participantCouldNotBeReachedTitle) {
|
@@ -31016,7 +30934,6 @@ const getCallCompositePage = (call, previousCall, transferCall, originCall, unsu
|
|
31016
30934
|
// `LocalHold` needs to be checked before `isInCall` since it is also a state that's considered in call.
|
31017
30935
|
}
|
31018
30936
|
else if ((call === null || call === void 0 ? void 0 : call.state) === 'LocalHold') {
|
31019
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
31020
30937
|
return 'hold';
|
31021
30938
|
}
|
31022
30939
|
else if ((call === null || call === void 0 ? void 0 : call.state) === 'Disconnecting') {
|
@@ -31381,12 +31298,10 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
|
|
31381
31298
|
onHangUp: (forEveryone) => __awaiter$p(void 0, void 0, void 0, function* () {
|
31382
31299
|
yield adapter.leaveCall(forEveryone);
|
31383
31300
|
}),
|
31384
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
31385
31301
|
onToggleHold: () => __awaiter$p(void 0, void 0, void 0, function* () {
|
31386
31302
|
var _a;
|
31387
31303
|
return ((_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.state) === 'LocalHold' ? yield adapter.resumeCall() : yield adapter.holdCall();
|
31388
31304
|
}),
|
31389
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
31390
31305
|
onAddParticipant: (participant, options) => __awaiter$p(void 0, void 0, void 0, function* () {
|
31391
31306
|
if ('communicationUserId' in participant) {
|
31392
31307
|
return yield adapter.addParticipant(participant);
|
@@ -31403,7 +31318,6 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
|
|
31403
31318
|
yield adapter.removeParticipant(userId);
|
31404
31319
|
}
|
31405
31320
|
else {
|
31406
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
31407
31321
|
yield adapter.removeParticipant(_toCommunicationIdentifier(userId));
|
31408
31322
|
}
|
31409
31323
|
}),
|
@@ -32579,7 +32493,6 @@ const CallControls = (props) => {
|
|
32579
32493
|
setDeepNoiseSuppressionOn(true);
|
32580
32494
|
}
|
32581
32495
|
}), [adapter, isDeepNoiseSuppressionOn]);
|
32582
|
-
/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
|
32583
32496
|
const peopleButtonStrings = React.useMemo(() => ({
|
32584
32497
|
label: localeStrings.strings.call.peopleButtonLabel,
|
32585
32498
|
tooltipOffContent: localeStrings.strings.call.peopleButtonTooltipOpen,
|
@@ -32589,7 +32502,6 @@ const CallControls = (props) => {
|
|
32589
32502
|
label: localeStrings.strings.call.moreButtonCallingLabel,
|
32590
32503
|
tooltipOffContent: localeStrings.strings.callWithChat.moreDrawerButtonTooltip
|
32591
32504
|
}), [localeStrings]);
|
32592
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
32593
32505
|
const holdButtonProps = usePropsFor$1(HoldButton);
|
32594
32506
|
const raiseHandButtonProps = usePropsFor$1(RaiseHandButton);
|
32595
32507
|
const capabilitiesSelector = useSelector$1(capabilitySelector);
|
@@ -32614,9 +32526,7 @@ const CallControls = (props) => {
|
|
32614
32526
|
if (isEnabled$2(options === null || options === void 0 ? void 0 : options.endCallButton)) {
|
32615
32527
|
numberOfButtons++;
|
32616
32528
|
}
|
32617
|
-
const showParticipantsButtonInControlBar = isEnabled$2(options === null || options === void 0 ? void 0 : options.participantsButton) &&
|
32618
|
-
/* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(PSTN-calls) */
|
32619
|
-
!props.isMobile;
|
32529
|
+
const showParticipantsButtonInControlBar = isEnabled$2(options === null || options === void 0 ? void 0 : options.participantsButton) && !props.isMobile;
|
32620
32530
|
if (showParticipantsButtonInControlBar) {
|
32621
32531
|
numberOfButtons++;
|
32622
32532
|
}
|
@@ -32643,7 +32553,6 @@ const CallControls = (props) => {
|
|
32643
32553
|
['data-ui-id']: 'call-composite-more-menu-people-button'
|
32644
32554
|
});
|
32645
32555
|
}
|
32646
|
-
/* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(PSTN-calls) */
|
32647
32556
|
if (!isRoomsCallTrampoline(adapter)) {
|
32648
32557
|
items.push({
|
32649
32558
|
key: 'holdButtonKey',
|
@@ -32767,9 +32676,7 @@ const CallControls = (props) => {
|
|
32767
32676
|
showReactionButtonInControlBar && reactionResources && (React.createElement(Reaction, { displayType: options === null || options === void 0 ? void 0 : options.displayType, reactionResource: reactionResources })),
|
32768
32677
|
showRaiseHandButtonInControlBar && !hideRaiseHandButtonInRoomsCall && (React.createElement(RaiseHand, { displayType: options === null || options === void 0 ? void 0 : options.displayType })),
|
32769
32678
|
screenShareButtonIsEnabled && (React.createElement(ScreenShare, { option: options === null || options === void 0 ? void 0 : options.screenShareButton, displayType: options === null || options === void 0 ? void 0 : options.displayType, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.screenShareButton) })),
|
32770
|
-
showParticipantsButtonInControlBar && (React.createElement(Participants, { option: options === null || options === void 0 ? void 0 : options.participantsButton, callInvitationURL: props.callInvitationURL, onFetchParticipantMenuItems: props.onFetchParticipantMenuItems, displayType: options === null || options === void 0 ? void 0 : options.displayType, increaseFlyoutItemSize: props.increaseFlyoutItemSize, isMobile: props.isMobile, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.participantsButton) })) && (
|
32771
|
-
/* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(PSTN-calls) */
|
32772
|
-
React.createElement(People, { checked: props.peopleButtonChecked, ariaLabel: peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.label, showLabel: (options === null || options === void 0 ? void 0 : options.displayType) !== 'compact', onClick: props.onPeopleButtonClicked, "data-ui-id": "call-composite-people-button", strings: peopleButtonStrings, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.participantsButton), disableTooltip: props.isMobile })),
|
32679
|
+
showParticipantsButtonInControlBar && (React.createElement(Participants, { option: options === null || options === void 0 ? void 0 : options.participantsButton, callInvitationURL: props.callInvitationURL, onFetchParticipantMenuItems: props.onFetchParticipantMenuItems, displayType: options === null || options === void 0 ? void 0 : options.displayType, increaseFlyoutItemSize: props.increaseFlyoutItemSize, isMobile: props.isMobile, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.participantsButton) })) && (React.createElement(People, { checked: props.peopleButtonChecked, ariaLabel: peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.label, showLabel: (options === null || options === void 0 ? void 0 : options.displayType) !== 'compact', onClick: props.onPeopleButtonClicked, "data-ui-id": "call-composite-people-button", strings: peopleButtonStrings, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.participantsButton), disableTooltip: props.isMobile })),
|
32773
32680
|
showDevicesButtonInControlBar && (React.createElement(Devices, { displayType: options === null || options === void 0 ? void 0 : options.displayType, increaseFlyoutItemSize: props.increaseFlyoutItemSize, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.devicesButton) })), (_b = customButtons['primary']) === null || _b === void 0 ? void 0 :
|
32774
32681
|
_b.slice(0, props.isMobile
|
32775
32682
|
? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS
|
@@ -32996,9 +32903,8 @@ var __awaiter$l = (window && window.__awaiter) || function (thisArg, _arguments,
|
|
32996
32903
|
* @private
|
32997
32904
|
*/
|
32998
32905
|
const DesktopMoreButton = (props) => {
|
32999
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
32906
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
33000
32907
|
const localeStrings = useLocale();
|
33001
|
-
/*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33002
32908
|
const holdButtonProps = usePropsFor$1(HoldButton);
|
33003
32909
|
const startCaptionsButtonProps = useAdaptedSelector(_startCaptionsButtonSelector);
|
33004
32910
|
const startCaptionsButtonHandlers = useHandlers();
|
@@ -33028,19 +32934,20 @@ const DesktopMoreButton = (props) => {
|
|
33028
32934
|
width: '1.25rem'
|
33029
32935
|
}
|
33030
32936
|
};
|
33031
|
-
|
33032
|
-
|
33033
|
-
|
33034
|
-
|
33035
|
-
|
33036
|
-
|
33037
|
-
|
33038
|
-
|
33039
|
-
|
33040
|
-
|
33041
|
-
|
33042
|
-
|
33043
|
-
|
32937
|
+
if (props.callControls === true || ((_c = props.callControls) === null || _c === void 0 ? void 0 : _c.holdButton) !== false) {
|
32938
|
+
moreButtonContextualMenuItems.push({
|
32939
|
+
key: 'holdButtonKey',
|
32940
|
+
text: localeStrings.component.strings.holdButton.tooltipOffContent,
|
32941
|
+
onClick: () => {
|
32942
|
+
holdButtonProps.onToggleHold();
|
32943
|
+
},
|
32944
|
+
iconProps: { iconName: 'HoldCallContextualMenuItem', styles: { root: { lineHeight: 0 } } },
|
32945
|
+
itemProps: {
|
32946
|
+
styles: buttonFlyoutIncreasedSizeStyles
|
32947
|
+
},
|
32948
|
+
disabled: props.disableButtonsForHoldScreen
|
32949
|
+
});
|
32950
|
+
}
|
33044
32951
|
// is captions feature is active
|
33045
32952
|
if (props.isCaptionsSupported) {
|
33046
32953
|
const captionsContextualMenuItems = [];
|
@@ -33125,7 +33032,9 @@ const DesktopMoreButton = (props) => {
|
|
33125
33032
|
* Only render the dtmf dialer if the dialpad for PSTN calls is not present
|
33126
33033
|
*/
|
33127
33034
|
if (props.onSetDialpadPage && allowDtmfDialer) {
|
33128
|
-
|
33035
|
+
if (props.callControls === true || ((_d = props.callControls) === null || _d === void 0 ? void 0 : _d.dtmfDialerButton) !== false) {
|
33036
|
+
moreButtonContextualMenuItems.push(dtmfDialerScreenOption);
|
33037
|
+
}
|
33129
33038
|
}
|
33130
33039
|
const joinByPhoneOption = {
|
33131
33040
|
key: 'phoneCallKey',
|
@@ -33291,12 +33200,14 @@ const DesktopMoreButton = (props) => {
|
|
33291
33200
|
}
|
33292
33201
|
};
|
33293
33202
|
/* @conditional-compile-remove(large-gallery) */
|
33294
|
-
(
|
33203
|
+
(_f = (_e = galleryOptions.subMenuProps) === null || _e === void 0 ? void 0 : _e.items) === null || _f === void 0 ? void 0 : _f.push(largeGalleryOption);
|
33295
33204
|
/* @conditional-compile-remove(gallery-layout-composite) */
|
33296
|
-
(
|
33205
|
+
(_h = (_g = galleryOptions.subMenuProps) === null || _g === void 0 ? void 0 : _g.items) === null || _h === void 0 ? void 0 : _h.push(galleryOption);
|
33297
33206
|
/* @conditional-compile-remove(overflow-top-composite) */
|
33298
|
-
(
|
33299
|
-
|
33207
|
+
(_k = (_j = galleryOptions.subMenuProps) === null || _j === void 0 ? void 0 : _j.items) === null || _k === void 0 ? void 0 : _k.push(overflowGalleryOption);
|
33208
|
+
if (props.callControls === true || ((_l = props.callControls) === null || _l === void 0 ? void 0 : _l.galleryControlsButton) !== false) {
|
33209
|
+
moreButtonContextualMenuItems.push(galleryOptions);
|
33210
|
+
}
|
33300
33211
|
}
|
33301
33212
|
const customDrawerButtons = React.useMemo(() => generateCustomCallDesktopOverflowButtons(onFetchCustomButtonPropsTrampoline(typeof props.callControls === 'object' ? props.callControls : undefined), typeof props.callControls === 'object' ? props.callControls.displayType : undefined), [props.callControls]);
|
33302
33213
|
customDrawerButtons['primary'].slice(CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS).forEach((element) => {
|
@@ -33797,9 +33708,7 @@ const CommonCallControlBar = (props) => {
|
|
33797
33708
|
/* @conditional-compile-remove(acs-close-captions) */ isEnabled$1(options.captionsButton);
|
33798
33709
|
const showTeamsMeetingPhoneCallButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.teamsMeetingPhoneCallButton);
|
33799
33710
|
const showDesktopMoreButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.moreButton) &&
|
33800
|
-
(
|
33801
|
-
showCaptionsButton ||
|
33802
|
-
props.onUserSetGalleryLayout);
|
33711
|
+
(isEnabled$1(options === null || options === void 0 ? void 0 : options.holdButton) || showCaptionsButton || props.onUserSetGalleryLayout);
|
33803
33712
|
const role = (_b = props.callAdapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
|
33804
33713
|
const hideRaiseHandButtonInRoomsCall = props.callAdapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
|
33805
33714
|
const reactionResources = props.callAdapter.getState().reactions;
|
@@ -33822,43 +33731,33 @@ const CommonCallControlBar = (props) => {
|
|
33822
33731
|
assignedBreakoutRoom.call && (React.createElement(react.PrimaryButton, { text: callStrings.joinBreakoutRoomButtonLabel, onClick: () => __awaiter$j(void 0, void 0, void 0, function* () {
|
33823
33732
|
assignedBreakoutRoom.join();
|
33824
33733
|
}), styles: commonButtonStyles })),
|
33825
|
-
microphoneButtonIsEnabled && (React.createElement(Microphone, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView,
|
33826
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33827
|
-
disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.microphoneButton), disableTooltip: props.mobileView,
|
33734
|
+
microphoneButtonIsEnabled && (React.createElement(Microphone, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView, disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.microphoneButton), disableTooltip: props.mobileView,
|
33828
33735
|
/* @conditional-compile-remove(DNS) */
|
33829
33736
|
onClickNoiseSuppression: onClickNoiseSuppression,
|
33830
33737
|
/* @conditional-compile-remove(DNS) */
|
33831
33738
|
isDeepNoiseSuppressionOn: isDeepNoiseSuppressionOn,
|
33832
33739
|
/* @conditional-compile-remove(DNS) */
|
33833
33740
|
showNoiseSuppressionButton: showNoiseSuppressionButton })),
|
33834
|
-
cameraButtonIsEnabled && (React.createElement(Camera, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView,
|
33835
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33836
|
-
disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.cameraButton), onClickVideoEffects: props.onClickVideoEffects, componentRef: props.cameraButtonRef, disableTooltip: props.mobileView })),
|
33741
|
+
cameraButtonIsEnabled && (React.createElement(Camera, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView, disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.cameraButton), onClickVideoEffects: props.onClickVideoEffects, componentRef: props.cameraButtonRef, disableTooltip: props.mobileView })),
|
33837
33742
|
!props.mobileView &&
|
33838
33743
|
isReactionAllowed &&
|
33839
33744
|
isEnabled$1(options.reactionButton) &&
|
33840
33745
|
reactionResources && (React.createElement(Reaction, { displayType: options.displayType, styles: commonButtonStyles, disabled: props.disableButtonsForHoldScreen, reactionResource: reactionResources })),
|
33841
|
-
!props.mobileView && isEnabled$1(options.raiseHandButton) && !hideRaiseHandButtonInRoomsCall && (React.createElement(RaiseHand, { displayType: options.displayType, styles: commonButtonStyles,
|
33842
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33843
|
-
disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.microphoneButton) })),
|
33746
|
+
!props.mobileView && isEnabled$1(options.raiseHandButton) && !hideRaiseHandButtonInRoomsCall && (React.createElement(RaiseHand, { displayType: options.displayType, styles: commonButtonStyles, disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.microphoneButton) })),
|
33844
33747
|
showDtmfDialerButton(options) && props.onSetDialpadPage !== undefined && (React.createElement(DtmfDialpadButton, { styles: commonButtonStyles, displayType: options.displayType, onClick: () => {
|
33845
33748
|
if (props.onSetDialpadPage !== undefined) {
|
33846
33749
|
props.onSetDialpadPage();
|
33847
33750
|
}
|
33848
33751
|
} })),
|
33849
33752
|
showExitSpotlightButton && props.onStopLocalSpotlight && (React.createElement(ExitSpotlightButton, { displayType: options.displayType, onClick: props.onStopLocalSpotlight, styles: commonButtonStyles, strings: exitSpotlightButtonStrings })),
|
33850
|
-
screenShareButtonIsEnabled && (React.createElement(ScreenShare, { option: options.screenShareButton, displayType: options.displayType, styles: screenShareButtonStyles,
|
33851
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33852
|
-
disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.screenShareButton) })), (_f = customButtons['primary']) === null || _f === void 0 ? void 0 :
|
33753
|
+
screenShareButtonIsEnabled && (React.createElement(ScreenShare, { option: options.screenShareButton, displayType: options.displayType, styles: screenShareButtonStyles, disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.screenShareButton) })), (_f = customButtons['primary']) === null || _f === void 0 ? void 0 :
|
33853
33754
|
_f.slice(0, props.mobileView
|
33854
33755
|
? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS
|
33855
33756
|
: CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
|
33856
33757
|
return (React.createElement(CustomButton, { key: `primary-custom-button-${i}`, styles: commonButtonStyles, showLabel: options.displayType !== 'compact', disableTooltip: props.mobileView }));
|
33857
33758
|
}),
|
33858
33759
|
props.mobileView && (React.createElement(MoreButton, { "data-ui-id": "common-call-composite-more-button", strings: moreButtonStrings, onClick: props.onMoreButtonClicked, disabled: props.disableButtonsForLobbyPage, disableTooltip: props.mobileView })),
|
33859
|
-
!props.mobileView && showDesktopMoreButton && (React.createElement(DesktopMoreButton, { disableButtonsForHoldScreen: props.disableButtonsForHoldScreen, styles: commonButtonStyles,
|
33860
|
-
/*@conditional-compile-remove(PSTN-calls) */
|
33861
|
-
onClickShowDialpad: props.onClickShowDialpad, callControls: props.callControls, isCaptionsSupported: showCaptionsButton, onCaptionsSettingsClick: openCaptionsSettingsModal, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayout, userSetGalleryLayout: props.userSetGalleryLayout, dtmfDialerPresent: props.dtmfDialerPresent, onSetDialpadPage: props.onSetDialpadPage, teamsMeetingPhoneCallEnable: showTeamsMeetingPhoneCallButton, onMeetingPhoneInfoClick: props.onToggleTeamsMeetingConferenceModal })),
|
33760
|
+
!props.mobileView && showDesktopMoreButton && (React.createElement(DesktopMoreButton, { disableButtonsForHoldScreen: props.disableButtonsForHoldScreen, styles: commonButtonStyles, onClickShowDialpad: props.onClickShowDialpad, callControls: props.callControls, isCaptionsSupported: showCaptionsButton, onCaptionsSettingsClick: openCaptionsSettingsModal, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayout, userSetGalleryLayout: props.userSetGalleryLayout, dtmfDialerPresent: props.dtmfDialerPresent, onSetDialpadPage: props.onSetDialpadPage, teamsMeetingPhoneCallEnable: showTeamsMeetingPhoneCallButton, onMeetingPhoneInfoClick: props.onToggleTeamsMeetingConferenceModal })),
|
33862
33761
|
React.createElement(EndCall, { displayType: "compact", mobileView: props.mobileView, styles: endCallButtonStyles,
|
33863
33762
|
/* @conditional-compile-remove(end-call-options) */
|
33864
33763
|
enableEndCallMenu: !isBoolean(props.callControls) &&
|
@@ -34134,7 +34033,6 @@ const MoreDrawer = (props) => {
|
|
34134
34033
|
const drawerMenuItems = [];
|
34135
34034
|
const { speakers, onSelectSpeaker, onLightDismiss } = props;
|
34136
34035
|
const localeStrings = useLocale();
|
34137
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
34138
34036
|
const holdButtonProps = usePropsFor$1(HoldButton);
|
34139
34037
|
const callees = useSelector$1(getTargetCallees);
|
34140
34038
|
const allowDtmfDialer = showDtmfDialer(callees);
|
@@ -34238,7 +34136,10 @@ const MoreDrawer = (props) => {
|
|
34238
34136
|
/**
|
34239
34137
|
* Only render the dtmf dialer if the dialpad for PSTN calls is not present
|
34240
34138
|
*/
|
34241
|
-
if (props.onSetDialpadPage &&
|
34139
|
+
if (props.onSetDialpadPage &&
|
34140
|
+
allowDtmfDialer &&
|
34141
|
+
drawerSelectionOptions !== false &&
|
34142
|
+
isEnabled(drawerSelectionOptions.dtmfDialerButton)) {
|
34242
34143
|
drawerMenuItems.push(dtmfDialerScreenOption);
|
34243
34144
|
}
|
34244
34145
|
const galleryLayoutOptions = {
|
@@ -34294,7 +34195,9 @@ const MoreDrawer = (props) => {
|
|
34294
34195
|
};
|
34295
34196
|
/* @conditional-compile-remove(gallery-layout-composite) */
|
34296
34197
|
(_d = galleryLayoutOptions.subMenuProps) === null || _d === void 0 ? void 0 : _d.push(galleryOption);
|
34297
|
-
|
34198
|
+
if (drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions === null || drawerSelectionOptions === void 0 ? void 0 : drawerSelectionOptions.galleryControlsButton)) {
|
34199
|
+
drawerMenuItems.push(galleryLayoutOptions);
|
34200
|
+
}
|
34298
34201
|
if (drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions === null || drawerSelectionOptions === void 0 ? void 0 : drawerSelectionOptions.peopleButton)) {
|
34299
34202
|
drawerMenuItems.push({
|
34300
34203
|
itemKey: 'people',
|
@@ -34305,7 +34208,6 @@ const MoreDrawer = (props) => {
|
|
34305
34208
|
disabled: isDisabled$4(drawerSelectionOptions.peopleButton) || props.disableButtonsForHoldScreen
|
34306
34209
|
});
|
34307
34210
|
}
|
34308
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
34309
34211
|
if (drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions === null || drawerSelectionOptions === void 0 ? void 0 : drawerSelectionOptions.holdButton)) {
|
34310
34212
|
drawerMenuItems.push({
|
34311
34213
|
itemKey: 'holdButtonKey',
|
@@ -35011,7 +34913,7 @@ const CallingDialpad = (props) => {
|
|
35011
34913
|
const dialpadComponent = () => {
|
35012
34914
|
return (React.createElement(React.Fragment, null,
|
35013
34915
|
React.createElement(Dialpad, { styles: dialpadStyle, onChange: setTextFieldInput, longPressTrigger: isMobile ? 'touch' : 'mouseAndTouch' }),
|
35014
|
-
React.createElement(react.PrimaryButton, { text: strings.dialpadStartCallButtonLabel, onRenderIcon: () =>
|
34916
|
+
React.createElement(react.PrimaryButton, { text: strings.dialpadStartCallButtonLabel, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "DialpadStartCall" }), onClick: onClickCall, styles: callButtonStyle, disabled: textFieldInput === '' })));
|
35015
34917
|
};
|
35016
34918
|
if (isMobile) {
|
35017
34919
|
return (React.createElement(react.Stack, { "data-ui-id": "call-with-chat-composite-dialpad" }, showDialpad && (React.createElement(react.Stack, { styles: drawerContainerStyles() },
|
@@ -35024,10 +34926,6 @@ const CallingDialpad = (props) => {
|
|
35024
34926
|
React.createElement(react.IconButton, { iconProps: { iconName: 'Cancel' }, ariaLabel: strings.dialpadCloseModalButtonAriaLabel, onClick: onDismissTriggered, style: { color: theme.palette.black } })),
|
35025
34927
|
React.createElement(react.Stack, { style: { overflow: 'hidden' } }, dialpadComponent()))));
|
35026
34928
|
};
|
35027
|
-
function DialpadStartCallIconTrampoline() {
|
35028
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35029
|
-
return React.createElement(CallWithChatCompositeIcon, { iconName: "DialpadStartCall" });
|
35030
|
-
}
|
35031
34929
|
|
35032
34930
|
// Copyright (c) Microsoft Corporation.
|
35033
34931
|
// Licensed under the MIT License.
|
@@ -35105,7 +35003,7 @@ const AddPeopleDropdown = (props) => {
|
|
35105
35003
|
key: 'DialpadKey',
|
35106
35004
|
text: strings.openDialpadButtonLabel,
|
35107
35005
|
itemProps: { styles: copyLinkButtonStylesThemed },
|
35108
|
-
iconProps: { iconName:
|
35006
|
+
iconProps: { iconName: 'PeoplePaneOpenDialpad', style: iconStyles },
|
35109
35007
|
onClick: () => setShowDialpad(true),
|
35110
35008
|
'data-ui-id': 'call-dial-phone-number-button'
|
35111
35009
|
});
|
@@ -35136,7 +35034,7 @@ const AddPeopleDropdown = (props) => {
|
|
35136
35034
|
return (React.createElement(react.Stack, null,
|
35137
35035
|
React.createElement(Announcer$1, { ariaLive: 'assertive', announcementString: announcerStrings }),
|
35138
35036
|
defaultMenuProps.items.length > 0 && (React.createElement(react.Stack.Item, { styles: copyLinkButtonContainerStyles },
|
35139
|
-
React.createElement(react.PrimaryButton, { id: calloutButtonId, onClick: setDrawerMenuItemsForAddPeople, styles: copyLinkButtonStylesThemed, onRenderIcon: () =>
|
35037
|
+
React.createElement(react.PrimaryButton, { id: calloutButtonId, onClick: setDrawerMenuItemsForAddPeople, styles: copyLinkButtonStylesThemed, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "PeoplePaneAddPerson" }), text: strings.peoplePaneAddPeopleButtonLabel, "data-ui-id": "call-add-people-button" }),
|
35140
35038
|
inviteLinkCopiedRecently && (React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: (_a = strings.copyInviteLinkButtonActionedLabel) !== null && _a !== void 0 ? _a : '', doNotLayer: true })))),
|
35141
35039
|
addPeopleDrawerMenuItems.length > 0 && (React.createElement(react.Stack, { styles: drawerContainerStyles(), "data-ui-id": "call-add-people-dropdown" },
|
35142
35040
|
React.createElement(_DrawerMenu, { disableMaxHeight: true, onLightDismiss: () => setAddPeopleDrawerMenuItems([]), items: addPeopleDrawerMenuItems }))),
|
@@ -35146,17 +35044,9 @@ const AddPeopleDropdown = (props) => {
|
|
35146
35044
|
React.createElement(Announcer$1, { ariaLive: 'assertive', announcementString: announcerStrings }),
|
35147
35045
|
alternateCallerId && (React.createElement(CallingDialpad, { isMobile: false, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad, onAddParticipant: onAddParticipant, alternateCallerId: alternateCallerId })),
|
35148
35046
|
defaultMenuProps.items.length > 0 && (React.createElement(react.Stack, { styles: copyLinkButtonStackStyles },
|
35149
|
-
React.createElement(react.DefaultButton, { id: calloutButtonId, onRenderIcon: () =>
|
35047
|
+
React.createElement(react.DefaultButton, { id: calloutButtonId, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "PeoplePaneAddPerson" }), text: strings.peoplePaneAddPeopleButtonLabel, menuProps: defaultMenuProps, styles: copyLinkButtonStylesThemed, "data-ui-id": "call-add-people-button" }),
|
35150
35048
|
inviteLinkCopiedRecently && (React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: (_b = strings.copyInviteLinkButtonActionedLabel) !== null && _b !== void 0 ? _b : '' })))))));
|
35151
35049
|
};
|
35152
|
-
function PeoplePaneOpenDialpadIconNameTrampoline() {
|
35153
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35154
|
-
return 'PeoplePaneOpenDialpad';
|
35155
|
-
}
|
35156
|
-
function PeoplePaneAddPersonIconTrampoline() {
|
35157
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35158
|
-
return React.createElement(CallWithChatCompositeIcon, { iconName: "PeoplePaneAddPerson" });
|
35159
|
-
}
|
35160
35050
|
|
35161
35051
|
// Copyright (c) Microsoft Corporation.
|
35162
35052
|
// Licensed under the MIT License.
|
@@ -35191,7 +35081,6 @@ const AddPeopleButton = (props) => {
|
|
35191
35081
|
}, 2000);
|
35192
35082
|
}, [setInviteLinkCopiedRecently, dateInviteLinkCopied]);
|
35193
35083
|
reactHooks.useId('callout-button');
|
35194
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35195
35084
|
if (mobileView) {
|
35196
35085
|
return (React.createElement(AddPeopleDropdown, { strings: Object.assign({}, strings), mobileView: mobileView, inviteLink: inviteLink, onAddParticipant: props.onAddParticipant, alternateCallerId: props.alternateCallerId, onCopyInviteLink: onCopyInviteLink, inviteLinkCopiedRecently: inviteLinkCopiedRecently }));
|
35197
35086
|
}
|
@@ -35222,18 +35111,15 @@ const PeoplePaneContent = (props) => {
|
|
35222
35111
|
const localeStrings = useLocale();
|
35223
35112
|
// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
|
35224
35113
|
const getStrings = () => {
|
35225
|
-
/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
|
35226
35114
|
return localeStrings.strings.call;
|
35227
35115
|
};
|
35228
35116
|
const strings = getStrings();
|
35229
35117
|
const removeParticipantFromCall = React.useCallback((participantId) => __awaiter$h(void 0, void 0, void 0, function* () {
|
35230
35118
|
yield adapter.removeParticipant(participantId);
|
35231
35119
|
}), [adapter]);
|
35232
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35233
35120
|
const addParticipantToCall = React.useCallback((participant, options) => __awaiter$h(void 0, void 0, void 0, function* () {
|
35234
35121
|
yield adapter.addParticipant(participant, options);
|
35235
35122
|
}), [adapter]);
|
35236
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35237
35123
|
const alternateCallerId = adapter.getState().alternateCallerId;
|
35238
35124
|
const participantListDefaultProps = usePropsFor$1(ParticipantList$k);
|
35239
35125
|
const removeButtonAllowed = canRemoveParticipants(adapter);
|
@@ -35274,17 +35160,9 @@ const PeoplePaneContent = (props) => {
|
|
35274
35160
|
if (props.mobileView) {
|
35275
35161
|
return (React.createElement(react.Stack, { verticalFill: true, styles: peoplePaneContainerStyle, tokens: peoplePaneContainerTokens, "data-ui-id": "people-pane-content" },
|
35276
35162
|
React.createElement(react.Stack.Item, { grow: true, styles: participantListContainerStyles }, participantList),
|
35277
|
-
React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings,
|
35278
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35279
|
-
onAddParticipant: addParticipantToCall,
|
35280
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35281
|
-
alternateCallerId: alternateCallerId })));
|
35163
|
+
React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, onAddParticipant: addParticipantToCall, alternateCallerId: alternateCallerId })));
|
35282
35164
|
}
|
35283
|
-
return (React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings,
|
35284
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35285
|
-
onAddParticipant: addParticipantToCall,
|
35286
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35287
|
-
alternateCallerId: alternateCallerId }));
|
35165
|
+
return (React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, onAddParticipant: addParticipantToCall, alternateCallerId: alternateCallerId }));
|
35288
35166
|
};
|
35289
35167
|
/**
|
35290
35168
|
* Create default contextual menu items for particant
|
@@ -36159,7 +36037,7 @@ const localAndRemotePIPSelector = reselect__namespace.createSelector([
|
|
36159
36037
|
remoteParticipantState = firstSpotlightedRemoteParticipantState;
|
36160
36038
|
}
|
36161
36039
|
const remoteParticipant = remoteParticipantState
|
36162
|
-
? _videoGalleryRemoteParticipantsMemo(
|
36040
|
+
? _videoGalleryRemoteParticipantsMemo(_updateUserDisplayNames([remoteParticipantState]))[0]
|
36163
36041
|
: undefined;
|
36164
36042
|
return {
|
36165
36043
|
localParticipant: {
|
@@ -36170,10 +36048,6 @@ const localAndRemotePIPSelector = reselect__namespace.createSelector([
|
|
36170
36048
|
remoteParticipant
|
36171
36049
|
};
|
36172
36050
|
});
|
36173
|
-
const updateUserDisplayNamesTrampoline = (remoteParticipants) => {
|
36174
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
36175
|
-
return _updateUserDisplayNames(remoteParticipants);
|
36176
|
-
};
|
36177
36051
|
|
36178
36052
|
// Copyright (c) Microsoft Corporation.
|
36179
36053
|
// Licensed under the MIT License.
|
@@ -36621,7 +36495,6 @@ const CallArrangement = (props) => {
|
|
36621
36495
|
const containerHeight = _useContainerHeight(containerRef);
|
36622
36496
|
const isInLobby = _isInLobbyOrConnecting(useSelector$1(callStatusSelector).callStatus);
|
36623
36497
|
const { updateSidePaneRenderer } = props;
|
36624
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
36625
36498
|
const isInLocalHold = useSelector$1(getPage) === 'hold';
|
36626
36499
|
const adapter = useAdapter();
|
36627
36500
|
const [participantActioned, setParticipantActioned] = React.useState();
|
@@ -36757,7 +36630,6 @@ const CallArrangement = (props) => {
|
|
36757
36630
|
openPeoplePane();
|
36758
36631
|
}
|
36759
36632
|
}, [closePeoplePane, isPeoplePaneOpen, openPeoplePane]);
|
36760
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
36761
36633
|
React.useEffect(() => {
|
36762
36634
|
if (isInLocalHold) {
|
36763
36635
|
// close side pane on local hold
|
@@ -36859,18 +36731,10 @@ const CallArrangement = (props) => {
|
|
36859
36731
|
((_h = props.callControlProps) === null || _h === void 0 ? void 0 : _h.options) !== false && !isMobileWithActivePane && (React.createElement(react.Stack, { verticalAlign: 'center', className: react.mergeStyles({
|
36860
36732
|
zIndex: CONTROL_BAR_Z_INDEX,
|
36861
36733
|
padding: verticalControlBar ? '0.25rem' : 'unset'
|
36862
|
-
}) }, isLegacyCallControlEnabled((_j = props.callControlProps) === null || _j === void 0 ? void 0 : _j.options) ? (React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView,
|
36863
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
36864
|
-
peopleButtonChecked: isPeoplePaneOpen,
|
36865
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
36866
|
-
onPeopleButtonClicked: togglePeoplePane, displayVertical: verticalControlBar }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby,
|
36867
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
36868
|
-
disableButtonsForHoldScreen: isInLocalHold, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
|
36734
|
+
}) }, isLegacyCallControlEnabled((_j = props.callControlProps) === null || _j === void 0 ? void 0 : _j.options) ? (React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, displayVertical: verticalControlBar }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, disableButtonsForHoldScreen: isInLocalHold, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
|
36869
36735
|
/* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall, useTeamsCaptions: useTeamsCaptions, isCaptionsOn: isCaptionsOn, onClickVideoEffects: onResolveVideoEffectDependency ? openVideoEffectsPane : undefined, displayVertical: verticalControlBar, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, peopleButtonRef: peopleButtonRef, cameraButtonRef: cameraButtonRef, onStopLocalSpotlight: !hideSpotlightButtons && localParticipant.spotlight ? onStopLocalSpotlightWithPrompt : undefined, onToggleTeamsMeetingConferenceModal: toggleTeamsMeetingConferenceModal, teamsMeetingConferenceModalPresent: showTeamsMeetingConferenceModal }))))),
|
36870
36736
|
((_k = props.callControlProps) === null || _k === void 0 ? void 0 : _k.options) !== false && showDrawer && (React.createElement(react.Stack, { styles: drawerContainerStylesValue },
|
36871
|
-
React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked,
|
36872
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
36873
|
-
disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
|
36737
|
+
React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
|
36874
36738
|
/* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall, useTeamsCaptions: useTeamsCaptions, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, reactionResources: adapter.getState().reactions, onClickMeetingPhoneInfo: onMeetingPhoneInfoClicked }))),
|
36875
36739
|
React.createElement(react.Stack, { horizontal: true, grow: true },
|
36876
36740
|
React.createElement(react.Stack.Item, { style: callCompositeContainerCSS },
|
@@ -36889,7 +36753,7 @@ const CallArrangement = (props) => {
|
|
36889
36753
|
props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (React.createElement(react.Stack, { styles: bannerNotificationStyles },
|
36890
36754
|
React.createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] }))))),
|
36891
36755
|
renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent(),
|
36892
|
-
|
36756
|
+
!isInLocalHold && (React.createElement(CaptionsBanner, { captionsOptions: props.captionsOptions, isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, useTeamsCaptions: useTeamsCaptions }))))),
|
36893
36757
|
React.createElement(SidePane, { mobileView: props.mobileView, maxWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, minWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, updateSidePaneRenderer: props.updateSidePaneRenderer, onPeopleButtonClicked: props.mobileView && !shouldShowPeopleTabHeaderButton(props.callControlProps.options)
|
36894
36758
|
? undefined
|
36895
36759
|
: togglePeoplePane, disablePeopleButton: typeof props.callControlProps.options !== 'boolean' &&
|
@@ -39103,10 +38967,16 @@ var __awaiter$b = (window && window.__awaiter) || function (thisArg, _arguments,
|
|
39103
38967
|
* @beta
|
39104
38968
|
*/
|
39105
38969
|
const HoldPane = () => {
|
39106
|
-
|
38970
|
+
var _a, _b, _c, _d, _e;
|
39107
38971
|
const holdButtonProps = usePropsFor$1(HoldButton);
|
39108
38972
|
const locale = useLocale();
|
39109
|
-
const strings =
|
38973
|
+
const strings = {
|
38974
|
+
holdScreenLabel: (_a = locale.strings.call.holdScreenLabel) !== null && _a !== void 0 ? _a : '',
|
38975
|
+
resumeCallButtonLabel: (_b = locale.strings.call.resumeCallButtonLabel) !== null && _b !== void 0 ? _b : '',
|
38976
|
+
resumeCallButtonAriaLabel: (_c = locale.strings.call.resumeCallButtonAriaLabel) !== null && _c !== void 0 ? _c : '',
|
38977
|
+
resumingCallButtonLabel: (_d = locale.strings.call.resumingCallButtonLabel) !== null && _d !== void 0 ? _d : '',
|
38978
|
+
resumingCallButtonAriaLabel: (_e = locale.strings.call.resumingCallButtonAriaLabel) !== null && _e !== void 0 ? _e : ''
|
38979
|
+
};
|
39110
38980
|
const [time, setTime] = React.useState(0);
|
39111
38981
|
const elapsedTime = getReadableTime(time);
|
39112
38982
|
const startTime = React.useRef(performance.now());
|
@@ -39126,7 +38996,6 @@ const HoldPane = () => {
|
|
39126
38996
|
React.createElement(react.PrimaryButton, { text: !resumingCall ? strings.resumeCallButtonLabel : strings.resumingCallButtonLabel, ariaLabel: !resumingCall ? strings.resumeCallButtonAriaLabel : strings.resumingCallButtonAriaLabel, styles: resumeButtonStyles, disabled: resumingCall, onClick: () => __awaiter$b(void 0, void 0, void 0, function* () {
|
39127
38997
|
setResumingCall(true);
|
39128
38998
|
try {
|
39129
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
39130
38999
|
yield holdButtonProps.onToggleHold();
|
39131
39000
|
}
|
39132
39001
|
catch (e) {
|
@@ -39153,17 +39022,6 @@ const getReadableTime = (time) => {
|
|
39153
39022
|
const readableSeconds = ('0' + (getSeconds(time) % 60)).slice(-2);
|
39154
39023
|
return `${hours > 0 ? hours + ':' : ''}${readableMinutes}:${readableSeconds}`;
|
39155
39024
|
};
|
39156
|
-
const stringsTrampoline = (locale) => {
|
39157
|
-
var _a, _b, _c, _d, _e;
|
39158
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
39159
|
-
return {
|
39160
|
-
holdScreenLabel: (_a = locale.strings.call.holdScreenLabel) !== null && _a !== void 0 ? _a : '',
|
39161
|
-
resumeCallButtonLabel: (_b = locale.strings.call.resumeCallButtonLabel) !== null && _b !== void 0 ? _b : '',
|
39162
|
-
resumeCallButtonAriaLabel: (_c = locale.strings.call.resumeCallButtonAriaLabel) !== null && _c !== void 0 ? _c : '',
|
39163
|
-
resumingCallButtonLabel: (_d = locale.strings.call.resumingCallButtonLabel) !== null && _d !== void 0 ? _d : '',
|
39164
|
-
resumingCallButtonAriaLabel: (_e = locale.strings.call.resumingCallButtonAriaLabel) !== null && _e !== void 0 ? _e : ''
|
39165
|
-
};
|
39166
|
-
};
|
39167
39025
|
|
39168
39026
|
// Copyright (c) Microsoft Corporation.
|
39169
39027
|
// Licensed under the MIT License.
|
@@ -39182,8 +39040,6 @@ const HoldPage = (props) => {
|
|
39182
39040
|
'microphoneButton',
|
39183
39041
|
'devicesButton',
|
39184
39042
|
'screenShareButton',
|
39185
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
39186
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
39187
39043
|
'holdButton'
|
39188
39044
|
]);
|
39189
39045
|
return (React.createElement(CallArrangement, { complianceBannerProps: { strings }, errorBarProps: ((_c = props.options) === null || _c === void 0 ? void 0 : _c.errorBar) !== false && errorBarProps, showErrorNotifications: (_e = (_d = props.options) === null || _d === void 0 ? void 0 : _d.errorBar) !== null && _e !== void 0 ? _e : true, callControlProps: {
|
@@ -39766,7 +39622,6 @@ const MainScreen = (props) => {
|
|
39766
39622
|
const callees = useSelector$1(getTargetCallees);
|
39767
39623
|
const locale = useLocale();
|
39768
39624
|
const palette = useTheme().palette;
|
39769
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
39770
39625
|
const alternateCallerId = adapter.getState().alternateCallerId;
|
39771
39626
|
const leavePageStyle = React.useMemo(() => leavingPageStyle(palette), [palette]);
|
39772
39627
|
let pageElement;
|
@@ -39775,10 +39630,7 @@ const MainScreen = (props) => {
|
|
39775
39630
|
case 'configuration':
|
39776
39631
|
pageElement = (React.createElement(ConfigurationPage, { mobileView: props.mobileView, startCallHandler: () => {
|
39777
39632
|
if (callees) {
|
39778
|
-
adapter.startCall(callees,
|
39779
|
-
/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId
|
39780
|
-
? { alternateCallerId: { phoneNumber: alternateCallerId } }
|
39781
|
-
: {});
|
39633
|
+
adapter.startCall(callees, alternateCallerId ? { alternateCallerId: { phoneNumber: alternateCallerId } } : {});
|
39782
39634
|
}
|
39783
39635
|
else {
|
39784
39636
|
adapter.joinCall({
|
@@ -39829,7 +39681,6 @@ const MainScreen = (props) => {
|
|
39829
39681
|
case 'call':
|
39830
39682
|
pageElement = (React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: latestInCallErrors, latestNotifications: latestNotifications, onDismissError: onDismissError, onDismissNotification: onDismissNotification, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext, disableAutoShowDtmfDialer: (_r = props.options) === null || _r === void 0 ? void 0 : _r.disableAutoShowDtmfDialer }));
|
39831
39683
|
break;
|
39832
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
39833
39684
|
case 'hold':
|
39834
39685
|
pageElement = (React.createElement(React.Fragment, null, React.createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: latestInCallErrors, latestNotifications: latestNotifications, onDismissError: onDismissError, onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps })));
|
39835
39686
|
break;
|
@@ -40179,7 +40030,7 @@ class CallContext {
|
|
40179
40030
|
isTeamsCall,
|
40180
40031
|
isTeamsMeeting,
|
40181
40032
|
isRoomsCall,
|
40182
|
-
|
40033
|
+
alternateCallerId: options === null || options === void 0 ? void 0 : options.alternateCallerId,
|
40183
40034
|
/* @conditional-compile-remove(unsupported-browser) */ environmentInfo: clientState.environmentInfo,
|
40184
40035
|
/* @conditional-compile-remove(unsupported-browser) */ unsupportedBrowserVersionsAllowed: false,
|
40185
40036
|
videoBackgroundImages: (_b = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _b === void 0 ? void 0 : _b.videoBackgroundImages,
|
@@ -40495,11 +40346,8 @@ class AzureCommunicationCallAdapter {
|
|
40495
40346
|
this.on.bind(this);
|
40496
40347
|
this.off.bind(this);
|
40497
40348
|
this.processNewCall.bind(this);
|
40498
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40499
40349
|
this.addParticipant.bind(this);
|
40500
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40501
40350
|
this.holdCall.bind(this);
|
40502
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40503
40351
|
this.resumeCall.bind(this);
|
40504
40352
|
this.sendDtmfTone.bind(this);
|
40505
40353
|
/* @conditional-compile-remove(unsupported-browser) */
|
@@ -40923,12 +40771,10 @@ class AzureCommunicationCallAdapter {
|
|
40923
40771
|
removeParticipant(userId) {
|
40924
40772
|
return __awaiter$7(this, void 0, void 0, function* () {
|
40925
40773
|
let participant = userId;
|
40926
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40927
40774
|
participant = _toCommunicationIdentifier(userId);
|
40928
40775
|
this.handlers.onRemoveParticipant(participant);
|
40929
40776
|
});
|
40930
40777
|
}
|
40931
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40932
40778
|
addParticipant(participant, options) {
|
40933
40779
|
return __awaiter$7(this, void 0, void 0, function* () {
|
40934
40780
|
if (communicationCommon.isPhoneNumberIdentifier(participant) && options) {
|
@@ -40939,7 +40785,6 @@ class AzureCommunicationCallAdapter {
|
|
40939
40785
|
}
|
40940
40786
|
});
|
40941
40787
|
}
|
40942
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40943
40788
|
holdCall() {
|
40944
40789
|
return __awaiter$7(this, void 0, void 0, function* () {
|
40945
40790
|
var _a, _b;
|
@@ -40955,7 +40800,6 @@ class AzureCommunicationCallAdapter {
|
|
40955
40800
|
}
|
40956
40801
|
});
|
40957
40802
|
}
|
40958
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40959
40803
|
resumeCall() {
|
40960
40804
|
return __awaiter$7(this, void 0, void 0, function* () {
|
40961
40805
|
var _a;
|
@@ -41822,17 +41666,14 @@ class CallWithChatBackedCallAdapter {
|
|
41822
41666
|
this.onReactionClick = (reaction) => __awaiter$6(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.onReactionClick(reaction); });
|
41823
41667
|
this.removeParticipant = (userId) => __awaiter$6(this, void 0, void 0, function* () {
|
41824
41668
|
let participant = userId;
|
41825
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41826
41669
|
participant = _toCommunicationIdentifier(userId);
|
41827
41670
|
yield this.callWithChatAdapter.removeParticipant(participant);
|
41828
41671
|
});
|
41829
41672
|
this.createStreamView = (remoteUserId, options) => __awaiter$6(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.createStreamView(remoteUserId, options); });
|
41830
41673
|
this.disposeStreamView = (remoteUserId, options) => __awaiter$6(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.disposeStreamView(remoteUserId, options); });
|
41831
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41832
41674
|
this.holdCall = () => __awaiter$6(this, void 0, void 0, function* () {
|
41833
41675
|
yield this.callWithChatAdapter.holdCall();
|
41834
41676
|
});
|
41835
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41836
41677
|
this.resumeCall = () => __awaiter$6(this, void 0, void 0, function* () {
|
41837
41678
|
yield this.callWithChatAdapter.resumeCall();
|
41838
41679
|
});
|
@@ -41850,7 +41691,6 @@ class CallWithChatBackedCallAdapter {
|
|
41850
41691
|
disposeLocalVideoStreamView() {
|
41851
41692
|
return this.callWithChatAdapter.disposeLocalVideoStreamView();
|
41852
41693
|
}
|
41853
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41854
41694
|
addParticipant(participant, options) {
|
41855
41695
|
return __awaiter$6(this, void 0, void 0, function* () {
|
41856
41696
|
if (communicationCommon.isPhoneNumberIdentifier(participant) && options) {
|
@@ -41966,7 +41806,6 @@ function callAdapterStateFromCallWithChatAdapterState(callWithChatAdapterState)
|
|
41966
41806
|
latestErrors: callWithChatAdapterState.latestCallErrors,
|
41967
41807
|
/* @conditional-compile-remove(breakout-rooms) */
|
41968
41808
|
latestNotifications: callWithChatAdapterState.latestCallNotifications,
|
41969
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41970
41809
|
alternateCallerId: callWithChatAdapterState.alternateCallerId,
|
41971
41810
|
/* @conditional-compile-remove(unsupported-browser) */
|
41972
41811
|
environmentInfo: callWithChatAdapterState.environmentInfo,
|
@@ -42337,7 +42176,7 @@ const CallWithChatScreen = (props) => {
|
|
42337
42176
|
clearInterval(chatFocusTimeout);
|
42338
42177
|
}, 300);
|
42339
42178
|
}, [compositeParentDivId]);
|
42340
|
-
const isOnHold =
|
42179
|
+
const isOnHold = currentPage === 'hold';
|
42341
42180
|
React.useEffect(() => {
|
42342
42181
|
if (isOnHold) {
|
42343
42182
|
closeChat();
|
@@ -42519,7 +42358,6 @@ const CallWithChatComposite = (props) => {
|
|
42519
42358
|
richTextEditor: options === null || options === void 0 ? void 0 : options.richTextEditor }))));
|
42520
42359
|
};
|
42521
42360
|
const hasJoinedCallFn = (page, callStatus) => {
|
42522
|
-
/* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(one-to-n-calling) */
|
42523
42361
|
return ((page === 'call' &&
|
42524
42362
|
(callStatus === 'Connected' || callStatus === 'RemoteHold' || callStatus === 'Disconnecting')) ||
|
42525
42363
|
(page === 'hold' && (callStatus === 'LocalHold' || callStatus === 'Disconnecting')));
|
@@ -42536,10 +42374,6 @@ const checkShowChatButton = (callControls) => {
|
|
42536
42374
|
const checkChatButtonIsDisabled = (callControls) => {
|
42537
42375
|
return typeof callControls === 'object' && isDisabled$4(callControls === null || callControls === void 0 ? void 0 : callControls.chatButton);
|
42538
42376
|
};
|
42539
|
-
const isOnHoldTrampoline = (page) => {
|
42540
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
42541
|
-
return page === 'hold';
|
42542
|
-
};
|
42543
42377
|
|
42544
42378
|
// Copyright (c) Microsoft Corporation.
|
42545
42379
|
// Licensed under the MIT License.
|
@@ -42562,7 +42396,6 @@ function callWithChatAdapterStateFromBackingStates(callAdapter) {
|
|
42562
42396
|
/* @conditional-compile-remove(breakout-rooms) */
|
42563
42397
|
latestCallNotifications: callAdapterState.latestNotifications,
|
42564
42398
|
latestChatErrors: {},
|
42565
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42566
42399
|
alternateCallerId: callAdapterState.alternateCallerId,
|
42567
42400
|
/* @conditional-compile-remove(unsupported-browser) */
|
42568
42401
|
environmentInfo: callAdapterState.environmentInfo,
|
@@ -42818,11 +42651,8 @@ class AzureCommunicationCallWithChatAdapter {
|
|
42818
42651
|
this.off.bind(this);
|
42819
42652
|
this.downloadResourceToCache = this.downloadResourceToCache.bind(this);
|
42820
42653
|
this.removeResourceFromCache = this.removeResourceFromCache.bind(this);
|
42821
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42822
42654
|
this.holdCall.bind(this);
|
42823
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42824
42655
|
this.resumeCall.bind(this);
|
42825
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42826
42656
|
this.addParticipant.bind(this);
|
42827
42657
|
this.sendDtmfTone.bind(this);
|
42828
42658
|
/* @conditional-compile-remove(unsupported-browser) */
|
@@ -42899,7 +42729,6 @@ class AzureCommunicationCallWithChatAdapter {
|
|
42899
42729
|
removeParticipant(userId) {
|
42900
42730
|
return __awaiter$4(this, void 0, void 0, function* () {
|
42901
42731
|
let participant = userId;
|
42902
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42903
42732
|
participant = _toCommunicationIdentifier(userId);
|
42904
42733
|
yield this.callAdapter.removeParticipant(participant);
|
42905
42734
|
});
|
@@ -43116,19 +42945,16 @@ class AzureCommunicationCallWithChatAdapter {
|
|
43116
42945
|
adapter.removeResourceFromCache(resourceDetails);
|
43117
42946
|
});
|
43118
42947
|
}
|
43119
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
43120
42948
|
holdCall() {
|
43121
42949
|
return __awaiter$4(this, void 0, void 0, function* () {
|
43122
42950
|
return yield this.callAdapter.holdCall();
|
43123
42951
|
});
|
43124
42952
|
}
|
43125
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
43126
42953
|
resumeCall() {
|
43127
42954
|
return __awaiter$4(this, void 0, void 0, function* () {
|
43128
42955
|
return yield this.callAdapter.resumeCall();
|
43129
42956
|
});
|
43130
42957
|
}
|
43131
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
43132
42958
|
addParticipant(participant, options) {
|
43133
42959
|
return __awaiter$4(this, void 0, void 0, function* () {
|
43134
42960
|
if (communicationCommon.isCommunicationUserIdentifier(participant)) {
|
@@ -43576,15 +43402,14 @@ class TeamsMeetingIdProvider {
|
|
43576
43402
|
*
|
43577
43403
|
* @public
|
43578
43404
|
*/
|
43579
|
-
const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter$4(void 0, [_a], void 0, function* ({ userId, displayName, credential, endpoint, locator,
|
43580
|
-
/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, callAdapterOptions }) {
|
43405
|
+
const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter$4(void 0, [_a], void 0, function* ({ userId, displayName, credential, endpoint, locator, alternateCallerId, callAdapterOptions }) {
|
43581
43406
|
const callAdapterLocator = isTeamsMeetingLocator(locator) ? locator : locator.callLocator;
|
43582
43407
|
const callAdapter = _createAzureCommunicationCallAdapterInner({
|
43583
43408
|
userId,
|
43584
43409
|
displayName,
|
43585
43410
|
credential,
|
43586
43411
|
locator: callAdapterLocator,
|
43587
|
-
|
43412
|
+
alternateCallerId,
|
43588
43413
|
options: callAdapterOptions,
|
43589
43414
|
telemetryImplementationHint: 'CallWithChat'
|
43590
43415
|
});
|
@@ -43639,8 +43464,7 @@ afterCreate,
|
|
43639
43464
|
* This is useful for clean up tasks, e.g., leaving any ongoing calls.
|
43640
43465
|
*/
|
43641
43466
|
beforeDispose) => {
|
43642
|
-
const { credential, displayName, endpoint, locator, userId,
|
43643
|
-
/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, callAdapterOptions } = args;
|
43467
|
+
const { credential, displayName, endpoint, locator, userId, alternateCallerId, callAdapterOptions } = args;
|
43644
43468
|
// State update needed to rerender the parent component when a new adapter is created.
|
43645
43469
|
const [adapter, setAdapter] = React.useState(undefined);
|
43646
43470
|
// Ref needed for cleanup to access the old adapter created asynchronously.
|
@@ -43682,7 +43506,7 @@ beforeDispose) => {
|
|
43682
43506
|
endpoint,
|
43683
43507
|
locator,
|
43684
43508
|
userId,
|
43685
|
-
|
43509
|
+
alternateCallerId,
|
43686
43510
|
callAdapterOptions
|
43687
43511
|
});
|
43688
43512
|
if (afterCreateRef.current) {
|
@@ -43697,7 +43521,7 @@ beforeDispose) => {
|
|
43697
43521
|
[
|
43698
43522
|
adapterRef,
|
43699
43523
|
afterCreateRef,
|
43700
|
-
|
43524
|
+
alternateCallerId,
|
43701
43525
|
beforeDisposeRef,
|
43702
43526
|
credential,
|
43703
43527
|
displayName,
|
@@ -44386,4 +44210,4 @@ exports.useTeamsCall = useTeamsCall;
|
|
44386
44210
|
exports.useTeamsCallAdapter = useTeamsCallAdapter;
|
44387
44211
|
exports.useTeamsCallAgent = useTeamsCallAgent;
|
44388
44212
|
exports.useTheme = useTheme;
|
44389
|
-
//# sourceMappingURL=index-
|
44213
|
+
//# sourceMappingURL=index-DYKLGdvZ.js.map
|