@azure/communication-react 1.20.0-alpha-202409241651 → 1.20.0-alpha-202409260015
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 +15 -14
- package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-4h-naDvk.js → ChatMessageComponentAsRichTextEditBox-D42-cJxc.js} +2 -2
- package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-4h-naDvk.js.map → ChatMessageComponentAsRichTextEditBox-D42-cJxc.js.map} +1 -1
- package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-ChJjJ010.js → RichTextSendBoxWrapper-BkOCT0LJ.js} +2 -2
- package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-ChJjJ010.js.map → RichTextSendBoxWrapper-BkOCT0LJ.js.map} +1 -1
- package/dist/dist-cjs/communication-react/{index-DwDfOjtr.js → index-Bb1hVEre.js} +157 -344
- package/dist/dist-cjs/communication-react/index-Bb1hVEre.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 +0 -4
- 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 +0 -3
- 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 +4 -4
- package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.js.map +1 -1
- package/dist/tsdoc-metadata.json +1 -1
- package/package.json +1 -1
- package/dist/dist-cjs/communication-react/index-DwDfOjtr.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-202409260015';
|
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-D42-cJxc.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-D42-cJxc.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-BkOCT0LJ.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-BkOCT0LJ.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
|
@@ -32998,7 +32905,6 @@ var __awaiter$l = (window && window.__awaiter) || function (thisArg, _arguments,
|
|
32998
32905
|
const DesktopMoreButton = (props) => {
|
32999
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();
|
@@ -33029,7 +32935,6 @@ const DesktopMoreButton = (props) => {
|
|
33029
32935
|
}
|
33030
32936
|
};
|
33031
32937
|
if (props.callControls === true || ((_c = props.callControls) === null || _c === void 0 ? void 0 : _c.holdButton) !== false) {
|
33032
|
-
/*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33033
32938
|
moreButtonContextualMenuItems.push({
|
33034
32939
|
key: 'holdButtonKey',
|
33035
32940
|
text: localeStrings.component.strings.holdButton.tooltipOffContent,
|
@@ -33803,9 +33708,7 @@ const CommonCallControlBar = (props) => {
|
|
33803
33708
|
/* @conditional-compile-remove(acs-close-captions) */ isEnabled$1(options.captionsButton);
|
33804
33709
|
const showTeamsMeetingPhoneCallButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.teamsMeetingPhoneCallButton);
|
33805
33710
|
const showDesktopMoreButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.moreButton) &&
|
33806
|
-
(
|
33807
|
-
showCaptionsButton ||
|
33808
|
-
props.onUserSetGalleryLayout);
|
33711
|
+
(isEnabled$1(options === null || options === void 0 ? void 0 : options.holdButton) || showCaptionsButton || props.onUserSetGalleryLayout);
|
33809
33712
|
const role = (_b = props.callAdapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
|
33810
33713
|
const hideRaiseHandButtonInRoomsCall = props.callAdapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
|
33811
33714
|
const reactionResources = props.callAdapter.getState().reactions;
|
@@ -33828,43 +33731,33 @@ const CommonCallControlBar = (props) => {
|
|
33828
33731
|
assignedBreakoutRoom.call && (React.createElement(react.PrimaryButton, { text: callStrings.joinBreakoutRoomButtonLabel, onClick: () => __awaiter$j(void 0, void 0, void 0, function* () {
|
33829
33732
|
assignedBreakoutRoom.join();
|
33830
33733
|
}), styles: commonButtonStyles })),
|
33831
|
-
microphoneButtonIsEnabled && (React.createElement(Microphone, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView,
|
33832
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33833
|
-
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,
|
33834
33735
|
/* @conditional-compile-remove(DNS) */
|
33835
33736
|
onClickNoiseSuppression: onClickNoiseSuppression,
|
33836
33737
|
/* @conditional-compile-remove(DNS) */
|
33837
33738
|
isDeepNoiseSuppressionOn: isDeepNoiseSuppressionOn,
|
33838
33739
|
/* @conditional-compile-remove(DNS) */
|
33839
33740
|
showNoiseSuppressionButton: showNoiseSuppressionButton })),
|
33840
|
-
cameraButtonIsEnabled && (React.createElement(Camera, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView,
|
33841
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33842
|
-
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 })),
|
33843
33742
|
!props.mobileView &&
|
33844
33743
|
isReactionAllowed &&
|
33845
33744
|
isEnabled$1(options.reactionButton) &&
|
33846
33745
|
reactionResources && (React.createElement(Reaction, { displayType: options.displayType, styles: commonButtonStyles, disabled: props.disableButtonsForHoldScreen, reactionResource: reactionResources })),
|
33847
|
-
!props.mobileView && isEnabled$1(options.raiseHandButton) && !hideRaiseHandButtonInRoomsCall && (React.createElement(RaiseHand, { displayType: options.displayType, styles: commonButtonStyles,
|
33848
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33849
|
-
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) })),
|
33850
33747
|
showDtmfDialerButton(options) && props.onSetDialpadPage !== undefined && (React.createElement(DtmfDialpadButton, { styles: commonButtonStyles, displayType: options.displayType, onClick: () => {
|
33851
33748
|
if (props.onSetDialpadPage !== undefined) {
|
33852
33749
|
props.onSetDialpadPage();
|
33853
33750
|
}
|
33854
33751
|
} })),
|
33855
33752
|
showExitSpotlightButton && props.onStopLocalSpotlight && (React.createElement(ExitSpotlightButton, { displayType: options.displayType, onClick: props.onStopLocalSpotlight, styles: commonButtonStyles, strings: exitSpotlightButtonStrings })),
|
33856
|
-
screenShareButtonIsEnabled && (React.createElement(ScreenShare, { option: options.screenShareButton, displayType: options.displayType, styles: screenShareButtonStyles,
|
33857
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
33858
|
-
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 :
|
33859
33754
|
_f.slice(0, props.mobileView
|
33860
33755
|
? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS
|
33861
33756
|
: CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
|
33862
33757
|
return (React.createElement(CustomButton, { key: `primary-custom-button-${i}`, styles: commonButtonStyles, showLabel: options.displayType !== 'compact', disableTooltip: props.mobileView }));
|
33863
33758
|
}),
|
33864
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 })),
|
33865
|
-
!props.mobileView && showDesktopMoreButton && (React.createElement(DesktopMoreButton, { disableButtonsForHoldScreen: props.disableButtonsForHoldScreen, styles: commonButtonStyles,
|
33866
|
-
/*@conditional-compile-remove(PSTN-calls) */
|
33867
|
-
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 })),
|
33868
33761
|
React.createElement(EndCall, { displayType: "compact", mobileView: props.mobileView, styles: endCallButtonStyles,
|
33869
33762
|
/* @conditional-compile-remove(end-call-options) */
|
33870
33763
|
enableEndCallMenu: !isBoolean(props.callControls) &&
|
@@ -34140,7 +34033,6 @@ const MoreDrawer = (props) => {
|
|
34140
34033
|
const drawerMenuItems = [];
|
34141
34034
|
const { speakers, onSelectSpeaker, onLightDismiss } = props;
|
34142
34035
|
const localeStrings = useLocale();
|
34143
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
34144
34036
|
const holdButtonProps = usePropsFor$1(HoldButton);
|
34145
34037
|
const callees = useSelector$1(getTargetCallees);
|
34146
34038
|
const allowDtmfDialer = showDtmfDialer(callees);
|
@@ -34316,7 +34208,6 @@ const MoreDrawer = (props) => {
|
|
34316
34208
|
disabled: isDisabled$4(drawerSelectionOptions.peopleButton) || props.disableButtonsForHoldScreen
|
34317
34209
|
});
|
34318
34210
|
}
|
34319
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
34320
34211
|
if (drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions === null || drawerSelectionOptions === void 0 ? void 0 : drawerSelectionOptions.holdButton)) {
|
34321
34212
|
drawerMenuItems.push({
|
34322
34213
|
itemKey: 'holdButtonKey',
|
@@ -35022,7 +34913,7 @@ const CallingDialpad = (props) => {
|
|
35022
34913
|
const dialpadComponent = () => {
|
35023
34914
|
return (React.createElement(React.Fragment, null,
|
35024
34915
|
React.createElement(Dialpad, { styles: dialpadStyle, onChange: setTextFieldInput, longPressTrigger: isMobile ? 'touch' : 'mouseAndTouch' }),
|
35025
|
-
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 === '' })));
|
35026
34917
|
};
|
35027
34918
|
if (isMobile) {
|
35028
34919
|
return (React.createElement(react.Stack, { "data-ui-id": "call-with-chat-composite-dialpad" }, showDialpad && (React.createElement(react.Stack, { styles: drawerContainerStyles() },
|
@@ -35035,10 +34926,6 @@ const CallingDialpad = (props) => {
|
|
35035
34926
|
React.createElement(react.IconButton, { iconProps: { iconName: 'Cancel' }, ariaLabel: strings.dialpadCloseModalButtonAriaLabel, onClick: onDismissTriggered, style: { color: theme.palette.black } })),
|
35036
34927
|
React.createElement(react.Stack, { style: { overflow: 'hidden' } }, dialpadComponent()))));
|
35037
34928
|
};
|
35038
|
-
function DialpadStartCallIconTrampoline() {
|
35039
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35040
|
-
return React.createElement(CallWithChatCompositeIcon, { iconName: "DialpadStartCall" });
|
35041
|
-
}
|
35042
34929
|
|
35043
34930
|
// Copyright (c) Microsoft Corporation.
|
35044
34931
|
// Licensed under the MIT License.
|
@@ -35116,7 +35003,7 @@ const AddPeopleDropdown = (props) => {
|
|
35116
35003
|
key: 'DialpadKey',
|
35117
35004
|
text: strings.openDialpadButtonLabel,
|
35118
35005
|
itemProps: { styles: copyLinkButtonStylesThemed },
|
35119
|
-
iconProps: { iconName:
|
35006
|
+
iconProps: { iconName: 'PeoplePaneOpenDialpad', style: iconStyles },
|
35120
35007
|
onClick: () => setShowDialpad(true),
|
35121
35008
|
'data-ui-id': 'call-dial-phone-number-button'
|
35122
35009
|
});
|
@@ -35147,7 +35034,7 @@ const AddPeopleDropdown = (props) => {
|
|
35147
35034
|
return (React.createElement(react.Stack, null,
|
35148
35035
|
React.createElement(Announcer$1, { ariaLive: 'assertive', announcementString: announcerStrings }),
|
35149
35036
|
defaultMenuProps.items.length > 0 && (React.createElement(react.Stack.Item, { styles: copyLinkButtonContainerStyles },
|
35150
|
-
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" }),
|
35151
35038
|
inviteLinkCopiedRecently && (React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: (_a = strings.copyInviteLinkButtonActionedLabel) !== null && _a !== void 0 ? _a : '', doNotLayer: true })))),
|
35152
35039
|
addPeopleDrawerMenuItems.length > 0 && (React.createElement(react.Stack, { styles: drawerContainerStyles(), "data-ui-id": "call-add-people-dropdown" },
|
35153
35040
|
React.createElement(_DrawerMenu, { disableMaxHeight: true, onLightDismiss: () => setAddPeopleDrawerMenuItems([]), items: addPeopleDrawerMenuItems }))),
|
@@ -35157,17 +35044,9 @@ const AddPeopleDropdown = (props) => {
|
|
35157
35044
|
React.createElement(Announcer$1, { ariaLive: 'assertive', announcementString: announcerStrings }),
|
35158
35045
|
alternateCallerId && (React.createElement(CallingDialpad, { isMobile: false, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad, onAddParticipant: onAddParticipant, alternateCallerId: alternateCallerId })),
|
35159
35046
|
defaultMenuProps.items.length > 0 && (React.createElement(react.Stack, { styles: copyLinkButtonStackStyles },
|
35160
|
-
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" }),
|
35161
35048
|
inviteLinkCopiedRecently && (React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: (_b = strings.copyInviteLinkButtonActionedLabel) !== null && _b !== void 0 ? _b : '' })))))));
|
35162
35049
|
};
|
35163
|
-
function PeoplePaneOpenDialpadIconNameTrampoline() {
|
35164
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35165
|
-
return 'PeoplePaneOpenDialpad';
|
35166
|
-
}
|
35167
|
-
function PeoplePaneAddPersonIconTrampoline() {
|
35168
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35169
|
-
return React.createElement(CallWithChatCompositeIcon, { iconName: "PeoplePaneAddPerson" });
|
35170
|
-
}
|
35171
35050
|
|
35172
35051
|
// Copyright (c) Microsoft Corporation.
|
35173
35052
|
// Licensed under the MIT License.
|
@@ -35202,7 +35081,6 @@ const AddPeopleButton = (props) => {
|
|
35202
35081
|
}, 2000);
|
35203
35082
|
}, [setInviteLinkCopiedRecently, dateInviteLinkCopied]);
|
35204
35083
|
reactHooks.useId('callout-button');
|
35205
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35206
35084
|
if (mobileView) {
|
35207
35085
|
return (React.createElement(AddPeopleDropdown, { strings: Object.assign({}, strings), mobileView: mobileView, inviteLink: inviteLink, onAddParticipant: props.onAddParticipant, alternateCallerId: props.alternateCallerId, onCopyInviteLink: onCopyInviteLink, inviteLinkCopiedRecently: inviteLinkCopiedRecently }));
|
35208
35086
|
}
|
@@ -35233,18 +35111,15 @@ const PeoplePaneContent = (props) => {
|
|
35233
35111
|
const localeStrings = useLocale();
|
35234
35112
|
// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
|
35235
35113
|
const getStrings = () => {
|
35236
|
-
/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
|
35237
35114
|
return localeStrings.strings.call;
|
35238
35115
|
};
|
35239
35116
|
const strings = getStrings();
|
35240
35117
|
const removeParticipantFromCall = React.useCallback((participantId) => __awaiter$h(void 0, void 0, void 0, function* () {
|
35241
35118
|
yield adapter.removeParticipant(participantId);
|
35242
35119
|
}), [adapter]);
|
35243
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35244
35120
|
const addParticipantToCall = React.useCallback((participant, options) => __awaiter$h(void 0, void 0, void 0, function* () {
|
35245
35121
|
yield adapter.addParticipant(participant, options);
|
35246
35122
|
}), [adapter]);
|
35247
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35248
35123
|
const alternateCallerId = adapter.getState().alternateCallerId;
|
35249
35124
|
const participantListDefaultProps = usePropsFor$1(ParticipantList$k);
|
35250
35125
|
const removeButtonAllowed = canRemoveParticipants(adapter);
|
@@ -35285,17 +35160,9 @@ const PeoplePaneContent = (props) => {
|
|
35285
35160
|
if (props.mobileView) {
|
35286
35161
|
return (React.createElement(react.Stack, { verticalFill: true, styles: peoplePaneContainerStyle, tokens: peoplePaneContainerTokens, "data-ui-id": "people-pane-content" },
|
35287
35162
|
React.createElement(react.Stack.Item, { grow: true, styles: participantListContainerStyles }, participantList),
|
35288
|
-
React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings,
|
35289
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35290
|
-
onAddParticipant: addParticipantToCall,
|
35291
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35292
|
-
alternateCallerId: alternateCallerId })));
|
35163
|
+
React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, onAddParticipant: addParticipantToCall, alternateCallerId: alternateCallerId })));
|
35293
35164
|
}
|
35294
|
-
return (React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings,
|
35295
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35296
|
-
onAddParticipant: addParticipantToCall,
|
35297
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
35298
|
-
alternateCallerId: alternateCallerId }));
|
35165
|
+
return (React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, onAddParticipant: addParticipantToCall, alternateCallerId: alternateCallerId }));
|
35299
35166
|
};
|
35300
35167
|
/**
|
35301
35168
|
* Create default contextual menu items for particant
|
@@ -36170,7 +36037,7 @@ const localAndRemotePIPSelector = reselect__namespace.createSelector([
|
|
36170
36037
|
remoteParticipantState = firstSpotlightedRemoteParticipantState;
|
36171
36038
|
}
|
36172
36039
|
const remoteParticipant = remoteParticipantState
|
36173
|
-
? _videoGalleryRemoteParticipantsMemo(
|
36040
|
+
? _videoGalleryRemoteParticipantsMemo(_updateUserDisplayNames([remoteParticipantState]))[0]
|
36174
36041
|
: undefined;
|
36175
36042
|
return {
|
36176
36043
|
localParticipant: {
|
@@ -36181,10 +36048,6 @@ const localAndRemotePIPSelector = reselect__namespace.createSelector([
|
|
36181
36048
|
remoteParticipant
|
36182
36049
|
};
|
36183
36050
|
});
|
36184
|
-
const updateUserDisplayNamesTrampoline = (remoteParticipants) => {
|
36185
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
36186
|
-
return _updateUserDisplayNames(remoteParticipants);
|
36187
|
-
};
|
36188
36051
|
|
36189
36052
|
// Copyright (c) Microsoft Corporation.
|
36190
36053
|
// Licensed under the MIT License.
|
@@ -36632,7 +36495,6 @@ const CallArrangement = (props) => {
|
|
36632
36495
|
const containerHeight = _useContainerHeight(containerRef);
|
36633
36496
|
const isInLobby = _isInLobbyOrConnecting(useSelector$1(callStatusSelector).callStatus);
|
36634
36497
|
const { updateSidePaneRenderer } = props;
|
36635
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
36636
36498
|
const isInLocalHold = useSelector$1(getPage) === 'hold';
|
36637
36499
|
const adapter = useAdapter();
|
36638
36500
|
const [participantActioned, setParticipantActioned] = React.useState();
|
@@ -36768,7 +36630,6 @@ const CallArrangement = (props) => {
|
|
36768
36630
|
openPeoplePane();
|
36769
36631
|
}
|
36770
36632
|
}, [closePeoplePane, isPeoplePaneOpen, openPeoplePane]);
|
36771
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
36772
36633
|
React.useEffect(() => {
|
36773
36634
|
if (isInLocalHold) {
|
36774
36635
|
// close side pane on local hold
|
@@ -36870,18 +36731,10 @@ const CallArrangement = (props) => {
|
|
36870
36731
|
((_h = props.callControlProps) === null || _h === void 0 ? void 0 : _h.options) !== false && !isMobileWithActivePane && (React.createElement(react.Stack, { verticalAlign: 'center', className: react.mergeStyles({
|
36871
36732
|
zIndex: CONTROL_BAR_Z_INDEX,
|
36872
36733
|
padding: verticalControlBar ? '0.25rem' : 'unset'
|
36873
|
-
}) }, 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,
|
36874
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
36875
|
-
peopleButtonChecked: isPeoplePaneOpen,
|
36876
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
36877
|
-
onPeopleButtonClicked: togglePeoplePane, displayVertical: verticalControlBar }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby,
|
36878
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
36879
|
-
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) ||
|
36880
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 }))))),
|
36881
36736
|
((_k = props.callControlProps) === null || _k === void 0 ? void 0 : _k.options) !== false && showDrawer && (React.createElement(react.Stack, { styles: drawerContainerStylesValue },
|
36882
|
-
React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked,
|
36883
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
36884
|
-
disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
|
36737
|
+
React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
|
36885
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 }))),
|
36886
36739
|
React.createElement(react.Stack, { horizontal: true, grow: true },
|
36887
36740
|
React.createElement(react.Stack.Item, { style: callCompositeContainerCSS },
|
@@ -36900,7 +36753,7 @@ const CallArrangement = (props) => {
|
|
36900
36753
|
props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (React.createElement(react.Stack, { styles: bannerNotificationStyles },
|
36901
36754
|
React.createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] }))))),
|
36902
36755
|
renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent(),
|
36903
|
-
|
36756
|
+
!isInLocalHold && (React.createElement(CaptionsBanner, { captionsOptions: props.captionsOptions, isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, useTeamsCaptions: useTeamsCaptions }))))),
|
36904
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)
|
36905
36758
|
? undefined
|
36906
36759
|
: togglePeoplePane, disablePeopleButton: typeof props.callControlProps.options !== 'boolean' &&
|
@@ -39114,10 +38967,16 @@ var __awaiter$b = (window && window.__awaiter) || function (thisArg, _arguments,
|
|
39114
38967
|
* @beta
|
39115
38968
|
*/
|
39116
38969
|
const HoldPane = () => {
|
39117
|
-
|
38970
|
+
var _a, _b, _c, _d, _e;
|
39118
38971
|
const holdButtonProps = usePropsFor$1(HoldButton);
|
39119
38972
|
const locale = useLocale();
|
39120
|
-
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
|
+
};
|
39121
38980
|
const [time, setTime] = React.useState(0);
|
39122
38981
|
const elapsedTime = getReadableTime(time);
|
39123
38982
|
const startTime = React.useRef(performance.now());
|
@@ -39137,7 +38996,6 @@ const HoldPane = () => {
|
|
39137
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* () {
|
39138
38997
|
setResumingCall(true);
|
39139
38998
|
try {
|
39140
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
39141
38999
|
yield holdButtonProps.onToggleHold();
|
39142
39000
|
}
|
39143
39001
|
catch (e) {
|
@@ -39164,17 +39022,6 @@ const getReadableTime = (time) => {
|
|
39164
39022
|
const readableSeconds = ('0' + (getSeconds(time) % 60)).slice(-2);
|
39165
39023
|
return `${hours > 0 ? hours + ':' : ''}${readableMinutes}:${readableSeconds}`;
|
39166
39024
|
};
|
39167
|
-
const stringsTrampoline = (locale) => {
|
39168
|
-
var _a, _b, _c, _d, _e;
|
39169
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
39170
|
-
return {
|
39171
|
-
holdScreenLabel: (_a = locale.strings.call.holdScreenLabel) !== null && _a !== void 0 ? _a : '',
|
39172
|
-
resumeCallButtonLabel: (_b = locale.strings.call.resumeCallButtonLabel) !== null && _b !== void 0 ? _b : '',
|
39173
|
-
resumeCallButtonAriaLabel: (_c = locale.strings.call.resumeCallButtonAriaLabel) !== null && _c !== void 0 ? _c : '',
|
39174
|
-
resumingCallButtonLabel: (_d = locale.strings.call.resumingCallButtonLabel) !== null && _d !== void 0 ? _d : '',
|
39175
|
-
resumingCallButtonAriaLabel: (_e = locale.strings.call.resumingCallButtonAriaLabel) !== null && _e !== void 0 ? _e : ''
|
39176
|
-
};
|
39177
|
-
};
|
39178
39025
|
|
39179
39026
|
// Copyright (c) Microsoft Corporation.
|
39180
39027
|
// Licensed under the MIT License.
|
@@ -39193,8 +39040,6 @@ const HoldPage = (props) => {
|
|
39193
39040
|
'microphoneButton',
|
39194
39041
|
'devicesButton',
|
39195
39042
|
'screenShareButton',
|
39196
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
39197
|
-
/* @conditional-compile-remove(one-to-n-calling) */
|
39198
39043
|
'holdButton'
|
39199
39044
|
]);
|
39200
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: {
|
@@ -39777,7 +39622,6 @@ const MainScreen = (props) => {
|
|
39777
39622
|
const callees = useSelector$1(getTargetCallees);
|
39778
39623
|
const locale = useLocale();
|
39779
39624
|
const palette = useTheme().palette;
|
39780
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
39781
39625
|
const alternateCallerId = adapter.getState().alternateCallerId;
|
39782
39626
|
const leavePageStyle = React.useMemo(() => leavingPageStyle(palette), [palette]);
|
39783
39627
|
let pageElement;
|
@@ -39786,10 +39630,7 @@ const MainScreen = (props) => {
|
|
39786
39630
|
case 'configuration':
|
39787
39631
|
pageElement = (React.createElement(ConfigurationPage, { mobileView: props.mobileView, startCallHandler: () => {
|
39788
39632
|
if (callees) {
|
39789
|
-
adapter.startCall(callees,
|
39790
|
-
/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId
|
39791
|
-
? { alternateCallerId: { phoneNumber: alternateCallerId } }
|
39792
|
-
: {});
|
39633
|
+
adapter.startCall(callees, alternateCallerId ? { alternateCallerId: { phoneNumber: alternateCallerId } } : {});
|
39793
39634
|
}
|
39794
39635
|
else {
|
39795
39636
|
adapter.joinCall({
|
@@ -39840,7 +39681,6 @@ const MainScreen = (props) => {
|
|
39840
39681
|
case 'call':
|
39841
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 }));
|
39842
39683
|
break;
|
39843
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
39844
39684
|
case 'hold':
|
39845
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 })));
|
39846
39686
|
break;
|
@@ -40190,7 +40030,7 @@ class CallContext {
|
|
40190
40030
|
isTeamsCall,
|
40191
40031
|
isTeamsMeeting,
|
40192
40032
|
isRoomsCall,
|
40193
|
-
|
40033
|
+
alternateCallerId: options === null || options === void 0 ? void 0 : options.alternateCallerId,
|
40194
40034
|
/* @conditional-compile-remove(unsupported-browser) */ environmentInfo: clientState.environmentInfo,
|
40195
40035
|
/* @conditional-compile-remove(unsupported-browser) */ unsupportedBrowserVersionsAllowed: false,
|
40196
40036
|
videoBackgroundImages: (_b = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _b === void 0 ? void 0 : _b.videoBackgroundImages,
|
@@ -40506,11 +40346,8 @@ class AzureCommunicationCallAdapter {
|
|
40506
40346
|
this.on.bind(this);
|
40507
40347
|
this.off.bind(this);
|
40508
40348
|
this.processNewCall.bind(this);
|
40509
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40510
40349
|
this.addParticipant.bind(this);
|
40511
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40512
40350
|
this.holdCall.bind(this);
|
40513
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40514
40351
|
this.resumeCall.bind(this);
|
40515
40352
|
this.sendDtmfTone.bind(this);
|
40516
40353
|
/* @conditional-compile-remove(unsupported-browser) */
|
@@ -40934,12 +40771,10 @@ class AzureCommunicationCallAdapter {
|
|
40934
40771
|
removeParticipant(userId) {
|
40935
40772
|
return __awaiter$7(this, void 0, void 0, function* () {
|
40936
40773
|
let participant = userId;
|
40937
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40938
40774
|
participant = _toCommunicationIdentifier(userId);
|
40939
40775
|
this.handlers.onRemoveParticipant(participant);
|
40940
40776
|
});
|
40941
40777
|
}
|
40942
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40943
40778
|
addParticipant(participant, options) {
|
40944
40779
|
return __awaiter$7(this, void 0, void 0, function* () {
|
40945
40780
|
if (communicationCommon.isPhoneNumberIdentifier(participant) && options) {
|
@@ -40950,7 +40785,6 @@ class AzureCommunicationCallAdapter {
|
|
40950
40785
|
}
|
40951
40786
|
});
|
40952
40787
|
}
|
40953
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40954
40788
|
holdCall() {
|
40955
40789
|
return __awaiter$7(this, void 0, void 0, function* () {
|
40956
40790
|
var _a, _b;
|
@@ -40966,7 +40800,6 @@ class AzureCommunicationCallAdapter {
|
|
40966
40800
|
}
|
40967
40801
|
});
|
40968
40802
|
}
|
40969
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
40970
40803
|
resumeCall() {
|
40971
40804
|
return __awaiter$7(this, void 0, void 0, function* () {
|
40972
40805
|
var _a;
|
@@ -41833,17 +41666,14 @@ class CallWithChatBackedCallAdapter {
|
|
41833
41666
|
this.onReactionClick = (reaction) => __awaiter$6(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.onReactionClick(reaction); });
|
41834
41667
|
this.removeParticipant = (userId) => __awaiter$6(this, void 0, void 0, function* () {
|
41835
41668
|
let participant = userId;
|
41836
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41837
41669
|
participant = _toCommunicationIdentifier(userId);
|
41838
41670
|
yield this.callWithChatAdapter.removeParticipant(participant);
|
41839
41671
|
});
|
41840
41672
|
this.createStreamView = (remoteUserId, options) => __awaiter$6(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.createStreamView(remoteUserId, options); });
|
41841
41673
|
this.disposeStreamView = (remoteUserId, options) => __awaiter$6(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.disposeStreamView(remoteUserId, options); });
|
41842
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41843
41674
|
this.holdCall = () => __awaiter$6(this, void 0, void 0, function* () {
|
41844
41675
|
yield this.callWithChatAdapter.holdCall();
|
41845
41676
|
});
|
41846
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41847
41677
|
this.resumeCall = () => __awaiter$6(this, void 0, void 0, function* () {
|
41848
41678
|
yield this.callWithChatAdapter.resumeCall();
|
41849
41679
|
});
|
@@ -41861,7 +41691,6 @@ class CallWithChatBackedCallAdapter {
|
|
41861
41691
|
disposeLocalVideoStreamView() {
|
41862
41692
|
return this.callWithChatAdapter.disposeLocalVideoStreamView();
|
41863
41693
|
}
|
41864
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41865
41694
|
addParticipant(participant, options) {
|
41866
41695
|
return __awaiter$6(this, void 0, void 0, function* () {
|
41867
41696
|
if (communicationCommon.isPhoneNumberIdentifier(participant) && options) {
|
@@ -41977,7 +41806,6 @@ function callAdapterStateFromCallWithChatAdapterState(callWithChatAdapterState)
|
|
41977
41806
|
latestErrors: callWithChatAdapterState.latestCallErrors,
|
41978
41807
|
/* @conditional-compile-remove(breakout-rooms) */
|
41979
41808
|
latestNotifications: callWithChatAdapterState.latestCallNotifications,
|
41980
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
41981
41809
|
alternateCallerId: callWithChatAdapterState.alternateCallerId,
|
41982
41810
|
/* @conditional-compile-remove(unsupported-browser) */
|
41983
41811
|
environmentInfo: callWithChatAdapterState.environmentInfo,
|
@@ -42348,7 +42176,7 @@ const CallWithChatScreen = (props) => {
|
|
42348
42176
|
clearInterval(chatFocusTimeout);
|
42349
42177
|
}, 300);
|
42350
42178
|
}, [compositeParentDivId]);
|
42351
|
-
const isOnHold =
|
42179
|
+
const isOnHold = currentPage === 'hold';
|
42352
42180
|
React.useEffect(() => {
|
42353
42181
|
if (isOnHold) {
|
42354
42182
|
closeChat();
|
@@ -42530,7 +42358,6 @@ const CallWithChatComposite = (props) => {
|
|
42530
42358
|
richTextEditor: options === null || options === void 0 ? void 0 : options.richTextEditor }))));
|
42531
42359
|
};
|
42532
42360
|
const hasJoinedCallFn = (page, callStatus) => {
|
42533
|
-
/* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(one-to-n-calling) */
|
42534
42361
|
return ((page === 'call' &&
|
42535
42362
|
(callStatus === 'Connected' || callStatus === 'RemoteHold' || callStatus === 'Disconnecting')) ||
|
42536
42363
|
(page === 'hold' && (callStatus === 'LocalHold' || callStatus === 'Disconnecting')));
|
@@ -42547,10 +42374,6 @@ const checkShowChatButton = (callControls) => {
|
|
42547
42374
|
const checkChatButtonIsDisabled = (callControls) => {
|
42548
42375
|
return typeof callControls === 'object' && isDisabled$4(callControls === null || callControls === void 0 ? void 0 : callControls.chatButton);
|
42549
42376
|
};
|
42550
|
-
const isOnHoldTrampoline = (page) => {
|
42551
|
-
/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
|
42552
|
-
return page === 'hold';
|
42553
|
-
};
|
42554
42377
|
|
42555
42378
|
// Copyright (c) Microsoft Corporation.
|
42556
42379
|
// Licensed under the MIT License.
|
@@ -42573,7 +42396,6 @@ function callWithChatAdapterStateFromBackingStates(callAdapter) {
|
|
42573
42396
|
/* @conditional-compile-remove(breakout-rooms) */
|
42574
42397
|
latestCallNotifications: callAdapterState.latestNotifications,
|
42575
42398
|
latestChatErrors: {},
|
42576
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42577
42399
|
alternateCallerId: callAdapterState.alternateCallerId,
|
42578
42400
|
/* @conditional-compile-remove(unsupported-browser) */
|
42579
42401
|
environmentInfo: callAdapterState.environmentInfo,
|
@@ -42829,11 +42651,8 @@ class AzureCommunicationCallWithChatAdapter {
|
|
42829
42651
|
this.off.bind(this);
|
42830
42652
|
this.downloadResourceToCache = this.downloadResourceToCache.bind(this);
|
42831
42653
|
this.removeResourceFromCache = this.removeResourceFromCache.bind(this);
|
42832
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42833
42654
|
this.holdCall.bind(this);
|
42834
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42835
42655
|
this.resumeCall.bind(this);
|
42836
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42837
42656
|
this.addParticipant.bind(this);
|
42838
42657
|
this.sendDtmfTone.bind(this);
|
42839
42658
|
/* @conditional-compile-remove(unsupported-browser) */
|
@@ -42910,7 +42729,6 @@ class AzureCommunicationCallWithChatAdapter {
|
|
42910
42729
|
removeParticipant(userId) {
|
42911
42730
|
return __awaiter$4(this, void 0, void 0, function* () {
|
42912
42731
|
let participant = userId;
|
42913
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
42914
42732
|
participant = _toCommunicationIdentifier(userId);
|
42915
42733
|
yield this.callAdapter.removeParticipant(participant);
|
42916
42734
|
});
|
@@ -43127,19 +42945,16 @@ class AzureCommunicationCallWithChatAdapter {
|
|
43127
42945
|
adapter.removeResourceFromCache(resourceDetails);
|
43128
42946
|
});
|
43129
42947
|
}
|
43130
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
43131
42948
|
holdCall() {
|
43132
42949
|
return __awaiter$4(this, void 0, void 0, function* () {
|
43133
42950
|
return yield this.callAdapter.holdCall();
|
43134
42951
|
});
|
43135
42952
|
}
|
43136
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
43137
42953
|
resumeCall() {
|
43138
42954
|
return __awaiter$4(this, void 0, void 0, function* () {
|
43139
42955
|
return yield this.callAdapter.resumeCall();
|
43140
42956
|
});
|
43141
42957
|
}
|
43142
|
-
/* @conditional-compile-remove(PSTN-calls) */
|
43143
42958
|
addParticipant(participant, options) {
|
43144
42959
|
return __awaiter$4(this, void 0, void 0, function* () {
|
43145
42960
|
if (communicationCommon.isCommunicationUserIdentifier(participant)) {
|
@@ -43587,15 +43402,14 @@ class TeamsMeetingIdProvider {
|
|
43587
43402
|
*
|
43588
43403
|
* @public
|
43589
43404
|
*/
|
43590
|
-
const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter$4(void 0, [_a], void 0, function* ({ userId, displayName, credential, endpoint, locator,
|
43591
|
-
/* @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 }) {
|
43592
43406
|
const callAdapterLocator = isTeamsMeetingLocator(locator) ? locator : locator.callLocator;
|
43593
43407
|
const callAdapter = _createAzureCommunicationCallAdapterInner({
|
43594
43408
|
userId,
|
43595
43409
|
displayName,
|
43596
43410
|
credential,
|
43597
43411
|
locator: callAdapterLocator,
|
43598
|
-
|
43412
|
+
alternateCallerId,
|
43599
43413
|
options: callAdapterOptions,
|
43600
43414
|
telemetryImplementationHint: 'CallWithChat'
|
43601
43415
|
});
|
@@ -43650,8 +43464,7 @@ afterCreate,
|
|
43650
43464
|
* This is useful for clean up tasks, e.g., leaving any ongoing calls.
|
43651
43465
|
*/
|
43652
43466
|
beforeDispose) => {
|
43653
|
-
const { credential, displayName, endpoint, locator, userId,
|
43654
|
-
/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, callAdapterOptions } = args;
|
43467
|
+
const { credential, displayName, endpoint, locator, userId, alternateCallerId, callAdapterOptions } = args;
|
43655
43468
|
// State update needed to rerender the parent component when a new adapter is created.
|
43656
43469
|
const [adapter, setAdapter] = React.useState(undefined);
|
43657
43470
|
// Ref needed for cleanup to access the old adapter created asynchronously.
|
@@ -43693,7 +43506,7 @@ beforeDispose) => {
|
|
43693
43506
|
endpoint,
|
43694
43507
|
locator,
|
43695
43508
|
userId,
|
43696
|
-
|
43509
|
+
alternateCallerId,
|
43697
43510
|
callAdapterOptions
|
43698
43511
|
});
|
43699
43512
|
if (afterCreateRef.current) {
|
@@ -43708,7 +43521,7 @@ beforeDispose) => {
|
|
43708
43521
|
[
|
43709
43522
|
adapterRef,
|
43710
43523
|
afterCreateRef,
|
43711
|
-
|
43524
|
+
alternateCallerId,
|
43712
43525
|
beforeDisposeRef,
|
43713
43526
|
credential,
|
43714
43527
|
displayName,
|
@@ -44397,4 +44210,4 @@ exports.useTeamsCall = useTeamsCall;
|
|
44397
44210
|
exports.useTeamsCallAdapter = useTeamsCallAdapter;
|
44398
44211
|
exports.useTeamsCallAgent = useTeamsCallAgent;
|
44399
44212
|
exports.useTheme = useTheme;
|
44400
|
-
//# sourceMappingURL=index-
|
44213
|
+
//# sourceMappingURL=index-Bb1hVEre.js.map
|