@azure/communication-react 1.27.0-alpha-202505020018 → 1.27.0-alpha-202505060018
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 +2 -8
- package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-DyHF5QfQ.js → ChatMessageComponentAsRichTextEditBox-B5W3lWxI.js} +2 -2
- package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-DyHF5QfQ.js.map → ChatMessageComponentAsRichTextEditBox-B5W3lWxI.js.map} +1 -1
- package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-t0MCYpN6.js → RichTextSendBoxWrapper-DH4-wqph.js} +2 -2
- package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-t0MCYpN6.js.map → RichTextSendBoxWrapper-DH4-wqph.js.map} +1 -1
- package/dist/dist-cjs/communication-react/{index-Drn3Krix.js → index-CDG9XlLH.js} +50 -166
- package/dist/dist-cjs/communication-react/index-CDG9XlLH.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.js +0 -2
- package/dist/dist-esm/calling-component-bindings/src/baseSelectors.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/captionsSelector.js +9 -26
- package/dist/dist-esm/calling-component-bindings/src/captionsSelector.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js +0 -2
- package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/index.d.ts +2 -0
- package/dist/dist-esm/calling-component-bindings/src/index.js +1 -0
- package/dist/dist-esm/calling-component-bindings/src/index.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/remoteParticipantsSelector.d.ts +15 -0
- package/dist/dist-esm/calling-component-bindings/src/remoteParticipantsSelector.js +13 -0
- package/dist/dist-esm/calling-component-bindings/src/remoteParticipantsSelector.js.map +1 -0
- package/dist/dist-esm/calling-component-bindings/src/utils/callUtils.d.ts +0 -2
- package/dist/dist-esm/calling-component-bindings/src/utils/callUtils.js +1 -7
- package/dist/dist-esm/calling-component-bindings/src/utils/callUtils.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/CallClientState.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/CallContext.js +0 -5
- package/dist/dist-esm/calling-stateful-client/src/CallContext.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/CallSubscriber.js +0 -2
- package/dist/dist-esm/calling-stateful-client/src/CallSubscriber.js.map +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/RealTimeTextSubscriber.js +0 -1
- package/dist/dist-esm/calling-stateful-client/src/RealTimeTextSubscriber.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 -3
- package/dist/dist-esm/communication-react/src/index.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/CaptionsBanner.js +12 -42
- package/dist/dist-esm/react-components/src/components/CaptionsBanner.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/RTTDisclosureBanner.js +0 -5
- package/dist/dist-esm/react-components/src/components/RTTDisclosureBanner.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/RealTimeText.js +0 -5
- package/dist/dist-esm/react-components/src/components/RealTimeText.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/RealTimeTextModal.js +0 -6
- package/dist/dist-esm/react-components/src/components/RealTimeTextModal.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/StartRealTimeTextButton.js +0 -5
- package/dist/dist-esm/react-components/src/components/StartRealTimeTextButton.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/index.js +0 -4
- package/dist/dist-esm/react-components/src/components/index.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/Captions.style.js +0 -6
- package/dist/dist-esm/react-components/src/components/styles/Captions.style.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/InputBoxComponent.style.js +1 -1
- package/dist/dist-esm/react-components/src/components/styles/InputBoxComponent.style.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/RTTDisclosureBanner.styles.js +0 -2
- package/dist/dist-esm/react-components/src/components/styles/RTTDisclosureBanner.styles.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/RichTextEditor.styles.js +4 -0
- package/dist/dist-esm/react-components/src/components/styles/RichTextEditor.styles.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/utils/sortCaptionsAndRealTimeTexts.js +0 -1
- package/dist/dist-esm/react-components/src/components/utils/sortCaptionsAndRealTimeTexts.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 -4
- package/dist/dist-esm/react-components/src/theming/icons.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.js +0 -5
- 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.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/index.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js +3 -19
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useHandlers.js +0 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useHandlers.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/index.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/baseSelectors.js +0 -2
- package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/baseSelectors.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js +0 -4
- 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.js +0 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/CallingCaptionsBanner.js +1 -13
- package/dist/dist-esm/react-composites/src/composites/common/CallingCaptionsBanner.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/CallingRealTimeTextModal.js +0 -4
- package/dist/dist-esm/react-composites/src/composites/common/CallingRealTimeTextModal.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js +3 -14
- 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 -3
- 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 +1 -10
- 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/icons.d.ts +1 -7
- package/package.json +1 -1
- package/dist/dist-cjs/communication-react/index-Drn3Krix.js.map +0 -1
@@ -187,7 +187,7 @@ function getDefaultExportFromCjs (x) {
|
|
187
187
|
// Copyright (c) Microsoft Corporation.
|
188
188
|
// Licensed under the MIT License.
|
189
189
|
// GENERATED FILE. DO NOT EDIT MANUALLY.
|
190
|
-
var telemetryVersion = '1.27.0-alpha-
|
190
|
+
var telemetryVersion = '1.27.0-alpha-202505060018';
|
191
191
|
|
192
192
|
|
193
193
|
var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
|
@@ -625,13 +625,11 @@ const getAssignedBreakoutRoom$1 = (state, props) => {
|
|
625
625
|
var _a, _b;
|
626
626
|
return (_b = (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.assignedBreakoutRoom;
|
627
627
|
};
|
628
|
-
/* @conditional-compile-remove(rtt) */
|
629
628
|
/** @private */
|
630
629
|
const getRealTimeTextStatus = (state, props) => {
|
631
630
|
var _a;
|
632
631
|
return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.realTimeTextFeature.isRealTimeTextFeatureActive;
|
633
632
|
};
|
634
|
-
/* @conditional-compile-remove(rtt) */
|
635
633
|
/** @private */
|
636
634
|
const getRealTimeText = (state, props) => {
|
637
635
|
var _a;
|
@@ -715,7 +713,7 @@ const _updateUserDisplayNames = (participants) => {
|
|
715
713
|
* @internal
|
716
714
|
*
|
717
715
|
*/
|
718
|
-
const getRemoteParticipantDisplayName = (participantUserId, remoteParticipants
|
716
|
+
const getRemoteParticipantDisplayName = (participantUserId, remoteParticipants) => {
|
719
717
|
let displayName;
|
720
718
|
if (remoteParticipants) {
|
721
719
|
const participant = remoteParticipants[participantUserId];
|
@@ -723,12 +721,6 @@ const getRemoteParticipantDisplayName = (participantUserId, remoteParticipants,
|
|
723
721
|
displayName = participant.displayName;
|
724
722
|
}
|
725
723
|
}
|
726
|
-
if (remoteParticipantsEnded && displayName === undefined) {
|
727
|
-
const participant = remoteParticipantsEnded[participantUserId];
|
728
|
-
if (participant) {
|
729
|
-
displayName = participant.displayName;
|
730
|
-
}
|
731
|
-
}
|
732
724
|
return displayName;
|
733
725
|
};
|
734
726
|
const memoizedUpdateDisplayName = memoizeFnAll((participantId, participant) => {
|
@@ -1348,7 +1340,6 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
|
|
1348
1340
|
const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
|
1349
1341
|
yield captionsFeature.setCaptionLanguage(language);
|
1350
1342
|
});
|
1351
|
-
/* @conditional-compile-remove(rtt) */
|
1352
1343
|
const onSendRealTimeText = (text, isFinalized) => __awaiter$13(void 0, void 0, void 0, function* () {
|
1353
1344
|
const realTimeTextFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RealTimeText);
|
1354
1345
|
yield (realTimeTextFeature === null || realTimeTextFeature === void 0 ? void 0 : realTimeTextFeature.sendRealTimeText(text, isFinalized));
|
@@ -1540,7 +1531,6 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
|
|
1540
1531
|
onPermitVideo,
|
1541
1532
|
onForbidOthersVideo,
|
1542
1533
|
onPermitOthersVideo,
|
1543
|
-
/* @conditional-compile-remove(rtt) */
|
1544
1534
|
onSendRealTimeText
|
1545
1535
|
};
|
1546
1536
|
});
|
@@ -1951,6 +1941,17 @@ const incomingCallStackSelector = reselect.createSelector([getIncomingCalls, get
|
|
1951
1941
|
};
|
1952
1942
|
});
|
1953
1943
|
|
1944
|
+
// Copyright (c) Microsoft Corporation.
|
1945
|
+
// Licensed under the MIT License.
|
1946
|
+
/**
|
1947
|
+
* Selector for all remote participants in a call, active and inactive.
|
1948
|
+
* @public
|
1949
|
+
*/
|
1950
|
+
const allRemoteParticipantsSelector = reselect__namespace.createSelector([getRemoteParticipants$1, getRemoteParticipantsEnded], (remoteParticipants, remoteParticipantsEnded) => {
|
1951
|
+
// Combine remoteParticipants and remoteParticipantsEnded into a single object
|
1952
|
+
return Object.assign(Object.assign({}, remoteParticipants), remoteParticipantsEnded);
|
1953
|
+
});
|
1954
|
+
|
1954
1955
|
// Copyright (c) Microsoft Corporation.
|
1955
1956
|
// Licensed under the MIT License.
|
1956
1957
|
/**
|
@@ -1992,21 +1993,14 @@ const captionSettingsSelector = reselect__namespace.createSelector([
|
|
1992
1993
|
*/
|
1993
1994
|
const captionsBannerSelector = reselect__namespace.createSelector([
|
1994
1995
|
getCaptions,
|
1995
|
-
/* @conditional-compile-remove(rtt) */
|
1996
1996
|
getRealTimeText,
|
1997
1997
|
getCaptionsStatus$1,
|
1998
|
-
/* @conditional-compile-remove(rtt) */
|
1999
1998
|
getRealTimeTextStatus,
|
2000
1999
|
getStartCaptionsInProgress,
|
2001
|
-
|
2002
|
-
getRemoteParticipantsEnded,
|
2000
|
+
allRemoteParticipantsSelector,
|
2003
2001
|
getDisplayName$2,
|
2004
2002
|
getIdentifier
|
2005
|
-
], (captions,
|
2006
|
-
/* @conditional-compile-remove(rtt) */
|
2007
|
-
realTimeTexts, isCaptionsFeatureActive,
|
2008
|
-
/* @conditional-compile-remove(rtt) */
|
2009
|
-
isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, remoteParticipantsEnded, displayName, identifier) => {
|
2003
|
+
], (captions, realTimeTexts, isCaptionsFeatureActive, isRealTimeTextActive, startCaptionsInProgress, allRemoteParticipants, displayName, identifier) => {
|
2010
2004
|
var _a, _b;
|
2011
2005
|
const captionsInfo = captions === null || captions === void 0 ? void 0 : captions.map((c, index) => {
|
2012
2006
|
const userId = getCaptionsSpeakerIdentifier(c);
|
@@ -2015,7 +2009,7 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, remotePartici
|
|
2015
2009
|
finalDisplayName = displayName;
|
2016
2010
|
}
|
2017
2011
|
else {
|
2018
|
-
finalDisplayName = getRemoteParticipantDisplayName(userId,
|
2012
|
+
finalDisplayName = getRemoteParticipantDisplayName(userId, allRemoteParticipants);
|
2019
2013
|
}
|
2020
2014
|
return {
|
2021
2015
|
id: (finalDisplayName !== null && finalDisplayName !== void 0 ? finalDisplayName : 'Unnamed Participant') + index,
|
@@ -2025,12 +2019,11 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, remotePartici
|
|
2025
2019
|
createdTimeStamp: c.timestamp
|
2026
2020
|
};
|
2027
2021
|
});
|
2028
|
-
/* @conditional-compile-remove(rtt) */
|
2029
2022
|
const completedRealTimeTexts = (_a = realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.completedMessages) === null || _a === void 0 ? void 0 : _a.filter((rtt) => rtt.message !== '').map((rtt) => {
|
2030
2023
|
const userId = getRealTimeTextSpeakerIdentifier(rtt);
|
2031
2024
|
return {
|
2032
2025
|
id: rtt.sequenceId,
|
2033
|
-
displayName: getRealTimeTextDisplayName(rtt, identifier,
|
2026
|
+
displayName: getRealTimeTextDisplayName(rtt, identifier, allRemoteParticipants, displayName, userId),
|
2034
2027
|
message: rtt.message,
|
2035
2028
|
userId,
|
2036
2029
|
isTyping: rtt.resultType === 'Partial',
|
@@ -2038,12 +2031,11 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, remotePartici
|
|
2038
2031
|
finalizedTimeStamp: rtt.updatedTimestamp
|
2039
2032
|
};
|
2040
2033
|
});
|
2041
|
-
/* @conditional-compile-remove(rtt) */
|
2042
2034
|
const inProgressRealTimeTexts = (_b = realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.currentInProgress) === null || _b === void 0 ? void 0 : _b.filter((rtt) => rtt.message !== '').map((rtt) => {
|
2043
2035
|
const userId = getRealTimeTextSpeakerIdentifier(rtt);
|
2044
2036
|
return {
|
2045
2037
|
id: rtt.sequenceId,
|
2046
|
-
displayName: getRealTimeTextDisplayName(rtt, identifier,
|
2038
|
+
displayName: getRealTimeTextDisplayName(rtt, identifier, allRemoteParticipants, displayName, userId),
|
2047
2039
|
message: rtt.message,
|
2048
2040
|
userId,
|
2049
2041
|
isTyping: rtt.resultType === 'Partial',
|
@@ -2051,7 +2043,6 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, remotePartici
|
|
2051
2043
|
finalizedTimeStamp: rtt.updatedTimestamp
|
2052
2044
|
};
|
2053
2045
|
});
|
2054
|
-
/* @conditional-compile-remove(rtt) */
|
2055
2046
|
const myInProgress = (realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.myInProgress) && realTimeTexts.myInProgress.message !== ''
|
2056
2047
|
? {
|
2057
2048
|
id: realTimeTexts.myInProgress.sequenceId,
|
@@ -2063,10 +2054,8 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, remotePartici
|
|
2063
2054
|
finalizedTimeStamp: realTimeTexts.myInProgress.updatedTimestamp
|
2064
2055
|
}
|
2065
2056
|
: undefined;
|
2066
|
-
/* @conditional-compile-remove(rtt) */
|
2067
2057
|
// find the last final local real time text caption if myInProgress is not available
|
2068
2058
|
let latestLocalRealTimeText;
|
2069
|
-
/* @conditional-compile-remove(rtt) */
|
2070
2059
|
if (!myInProgress) {
|
2071
2060
|
latestLocalRealTimeText =
|
2072
2061
|
realTimeTexts &&
|
@@ -2078,7 +2067,6 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, remotePartici
|
|
2078
2067
|
}
|
2079
2068
|
return {
|
2080
2069
|
captions: captionsInfo !== null && captionsInfo !== void 0 ? captionsInfo : [],
|
2081
|
-
/* @conditional-compile-remove(rtt) */
|
2082
2070
|
realTimeTexts: {
|
2083
2071
|
completedMessages: completedRealTimeTexts,
|
2084
2072
|
currentInProgress: inProgressRealTimeTexts,
|
@@ -2086,27 +2074,23 @@ isRealTimeTextActive, startCaptionsInProgress, remoteParticipants, remotePartici
|
|
2086
2074
|
},
|
2087
2075
|
isCaptionsOn: isCaptionsFeatureActive !== null && isCaptionsFeatureActive !== void 0 ? isCaptionsFeatureActive : false,
|
2088
2076
|
startCaptionsInProgress: startCaptionsInProgress !== null && startCaptionsInProgress !== void 0 ? startCaptionsInProgress : false,
|
2089
|
-
/* @conditional-compile-remove(rtt) */
|
2090
2077
|
isRealTimeTextOn: isRealTimeTextActive !== null && isRealTimeTextActive !== void 0 ? isRealTimeTextActive : false,
|
2091
|
-
/* @conditional-compile-remove(rtt) */
|
2092
2078
|
latestLocalRealTimeText: (myInProgress !== null && myInProgress !== void 0 ? myInProgress : latestLocalRealTimeText)
|
2093
2079
|
};
|
2094
2080
|
});
|
2095
2081
|
const getCaptionsSpeakerIdentifier = (captions) => {
|
2096
2082
|
return captions.speaker.identifier ? toFlatCommunicationIdentifier(captions.speaker.identifier) : '';
|
2097
2083
|
};
|
2098
|
-
/* @conditional-compile-remove(rtt) */
|
2099
2084
|
const getRealTimeTextSpeakerIdentifier = (realTimeText) => {
|
2100
2085
|
return realTimeText.sender.identifier ? toFlatCommunicationIdentifier(realTimeText.sender.identifier) : '';
|
2101
2086
|
};
|
2102
|
-
|
2103
|
-
const getRealTimeTextDisplayName = (realTimeText, identifier, remoteParticipants, remoteParticipantsEnded, displayName, userId) => {
|
2087
|
+
const getRealTimeTextDisplayName = (realTimeText, identifier, allRemoteParticipants, displayName, userId) => {
|
2104
2088
|
let finalDisplayName;
|
2105
2089
|
if (userId === identifier) {
|
2106
2090
|
finalDisplayName = displayName;
|
2107
2091
|
}
|
2108
2092
|
else {
|
2109
|
-
finalDisplayName = getRemoteParticipantDisplayName(userId,
|
2093
|
+
finalDisplayName = getRemoteParticipantDisplayName(userId, allRemoteParticipants);
|
2110
2094
|
}
|
2111
2095
|
return finalDisplayName !== null && finalDisplayName !== void 0 ? finalDisplayName : 'Unnamed Participant';
|
2112
2096
|
};
|
@@ -2520,7 +2504,6 @@ function convertSdkCallToDeclarativeCall(call) {
|
|
2520
2504
|
startCaptionsInProgress: false,
|
2521
2505
|
captionsKind: _isTeamsCall(call) ? 'TeamsCaptions' : 'Captions'
|
2522
2506
|
},
|
2523
|
-
/* @conditional-compile-remove(rtt) */
|
2524
2507
|
realTimeTextFeature: {
|
2525
2508
|
realTimeTexts: {},
|
2526
2509
|
isRealTimeTextFeatureActive: false
|
@@ -2583,7 +2566,6 @@ function convertFromTeamsSDKToCaptionInfoState(caption) {
|
|
2583
2566
|
function convertFromSDKToCaptionInfoState(caption) {
|
2584
2567
|
return Object.assign({ captionText: caption.spokenText }, caption);
|
2585
2568
|
}
|
2586
|
-
/* @conditional-compile-remove(rtt) */
|
2587
2569
|
/**
|
2588
2570
|
* @private
|
2589
2571
|
*/
|
@@ -3676,7 +3658,6 @@ let CallContext$2 = class CallContext {
|
|
3676
3658
|
this._atomicId++;
|
3677
3659
|
return id;
|
3678
3660
|
}
|
3679
|
-
/* @conditional-compile-remove(rtt) */
|
3680
3661
|
processNewRealTimeText(realTimeTexts, newRealTimeText) {
|
3681
3662
|
var _a, _b, _c, _d, _e;
|
3682
3663
|
// if the new message is final, push it to completed messages
|
@@ -3728,7 +3709,6 @@ let CallContext$2 = class CallContext {
|
|
3728
3709
|
realTimeTexts.completedMessages.shift();
|
3729
3710
|
}
|
3730
3711
|
}
|
3731
|
-
/* @conditional-compile-remove(rtt) */
|
3732
3712
|
findTimeoutRealTimeText(inProgressRealTimeTexts, completedRealTimeTexts) {
|
3733
3713
|
// if inProgressRealTimeTexts is an array
|
3734
3714
|
if (inProgressRealTimeTexts && Array.isArray(inProgressRealTimeTexts)) {
|
@@ -3817,7 +3797,6 @@ let CallContext$2 = class CallContext {
|
|
3817
3797
|
}
|
3818
3798
|
});
|
3819
3799
|
}
|
3820
|
-
/* @conditional-compile-remove(rtt) */
|
3821
3800
|
addRealTimeText(callId, realTimeText) {
|
3822
3801
|
this.modifyState((draft) => {
|
3823
3802
|
const call = draft.calls[this._callIdHistory.latestCallId(callId)];
|
@@ -3850,7 +3829,6 @@ let CallContext$2 = class CallContext {
|
|
3850
3829
|
}
|
3851
3830
|
});
|
3852
3831
|
}
|
3853
|
-
/* @conditional-compile-remove(rtt) */
|
3854
3832
|
setIsRealTimeTextActive(callId, isRealTimeTextActive) {
|
3855
3833
|
this.modifyState((draft) => {
|
3856
3834
|
const call = draft.calls[this._callIdHistory.latestCallId(callId)];
|
@@ -5672,7 +5650,6 @@ class MediaAccessSubscriber {
|
|
5672
5650
|
|
5673
5651
|
// Copyright (c) Microsoft Corporation.
|
5674
5652
|
// Licensed under the MIT License.
|
5675
|
-
/* @conditional-compile-remove(rtt) */
|
5676
5653
|
/**
|
5677
5654
|
* @private
|
5678
5655
|
*/
|
@@ -5779,7 +5756,6 @@ class CallSubscriber {
|
|
5779
5756
|
this._optimalVideoCountSubscriber.unsubscribe();
|
5780
5757
|
this._pptLiveSubscriber.unsubscribe();
|
5781
5758
|
(_b = this._CaptionsFeatureSubscriber) === null || _b === void 0 ? void 0 : _b.unsubscribe();
|
5782
|
-
/* @conditional-compile-remove(rtt) */
|
5783
5759
|
if (this._realTimeTextSubscriber) {
|
5784
5760
|
this._realTimeTextSubscriber.unsubscribe();
|
5785
5761
|
}
|
@@ -8972,11 +8948,8 @@ const DEFAULT_COMPONENT_ICONS = {
|
|
8972
8948
|
IncomingCallNotificationAcceptWithVideoIcon: React.createElement(reactIcons.Video20Filled, null),
|
8973
8949
|
/* @conditional-compile-remove(together-mode) */
|
8974
8950
|
NotificationBarTogetherModeIcon: React.createElement(reactIcons.PeopleAudience20Regular, null),
|
8975
|
-
/* @conditional-compile-remove(rtt) */
|
8976
8951
|
RealTimeTextIcon: React.createElement(reactIcons.SlideTextCall20Regular, null),
|
8977
|
-
/* @conditional-compile-remove(rtt) */
|
8978
8952
|
ExpandIcon: React.createElement(reactIcons.ArrowMaximize20Regular, null),
|
8979
|
-
/* @conditional-compile-remove(rtt) */
|
8980
8953
|
MinimizeIcon: React.createElement(reactIcons.ArrowMinimize20Regular, null)
|
8981
8954
|
};
|
8982
8955
|
|
@@ -9002,7 +8975,7 @@ const inputBoxStyle = react.mergeStyles({
|
|
9002
8975
|
height: '2.25rem',
|
9003
8976
|
lineHeight: '1.5rem',
|
9004
8977
|
'::-webkit-input-placeholder': {
|
9005
|
-
fontSize: '
|
8978
|
+
fontSize: '1rem' // Prevents screen zooming on iOS
|
9006
8979
|
},
|
9007
8980
|
'::-moz-placeholder': {
|
9008
8981
|
fontSize: '0.875rem'
|
@@ -12128,6 +12101,10 @@ const ImageOverlay = (props) => {
|
|
12128
12101
|
const richTextEditorStyle = (props) => {
|
12129
12102
|
return react.mergeStyles({
|
12130
12103
|
border: 'none',
|
12104
|
+
fontSize: '0.875rem',
|
12105
|
+
'::-webkit-input-placeholder': {
|
12106
|
+
fontSize: '1rem' // Prevents screen zooming on iOS
|
12107
|
+
},
|
12131
12108
|
overflow: 'auto',
|
12132
12109
|
outline: 'none',
|
12133
12110
|
minHeight: props.minHeight,
|
@@ -16403,7 +16380,7 @@ class _ErrorBoundary extends React.Component {
|
|
16403
16380
|
// Copyright (c) Microsoft Corporation.
|
16404
16381
|
// Licensed under the MIT License.
|
16405
16382
|
/* @conditional-compile-remove(rich-text-editor) */
|
16406
|
-
const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-
|
16383
|
+
const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-B5W3lWxI.js'); }));
|
16407
16384
|
/**
|
16408
16385
|
* @private
|
16409
16386
|
* Use this function to load RoosterJS dependencies early in the lifecycle.
|
@@ -16411,7 +16388,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
|
|
16411
16388
|
*
|
16412
16389
|
* @conditional-compile-remove(rich-text-editor)
|
16413
16390
|
*/
|
16414
|
-
const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-
|
16391
|
+
const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-B5W3lWxI.js'); });
|
16415
16392
|
/**
|
16416
16393
|
* @private
|
16417
16394
|
*/
|
@@ -25903,14 +25880,12 @@ const displayNameClassName = react.mergeStyles({
|
|
25903
25880
|
fontSize: _pxToRem(12),
|
25904
25881
|
lineHeight: _pxToRem(16)
|
25905
25882
|
});
|
25906
|
-
/* @conditional-compile-remove(rtt) */
|
25907
25883
|
/**
|
25908
25884
|
* @private
|
25909
25885
|
*/
|
25910
25886
|
const bannerTitleContainerClassName = react.mergeStyles({
|
25911
25887
|
paddingBottom: _pxToRem(10)
|
25912
25888
|
});
|
25913
|
-
/* @conditional-compile-remove(rtt) */
|
25914
25889
|
/**
|
25915
25890
|
* @private
|
25916
25891
|
*/
|
@@ -25927,7 +25902,6 @@ const isTypingClassName = (theme) => {
|
|
25927
25902
|
lineHeight: _pxToRem(16)
|
25928
25903
|
});
|
25929
25904
|
};
|
25930
|
-
/* @conditional-compile-remove(rtt) */
|
25931
25905
|
/**
|
25932
25906
|
* @private
|
25933
25907
|
*/
|
@@ -25936,7 +25910,6 @@ const rttContainerClassName = (theme, isTyping) => {
|
|
25936
25910
|
borderLeft: isTyping ? `2px solid ${theme.palette.themeLighter}` : 'none'
|
25937
25911
|
});
|
25938
25912
|
};
|
25939
|
-
/* @conditional-compile-remove(rtt) */
|
25940
25913
|
/**
|
25941
25914
|
* @private
|
25942
25915
|
*/
|
@@ -25946,7 +25919,6 @@ const rttDisclosureBannerClassName = () => {
|
|
25946
25919
|
paddingTop: '0.5rem'
|
25947
25920
|
});
|
25948
25921
|
};
|
25949
|
-
/* @conditional-compile-remove(rtt) */
|
25950
25922
|
/**
|
25951
25923
|
* @private
|
25952
25924
|
*/
|
@@ -25959,7 +25931,6 @@ const realTimeTextInputBoxStyles = (theme) => ({
|
|
25959
25931
|
borderColor: theme.palette.neutralQuaternaryAlt
|
25960
25932
|
}
|
25961
25933
|
});
|
25962
|
-
/* @conditional-compile-remove(rtt) */
|
25963
25934
|
/**
|
25964
25935
|
* @private
|
25965
25936
|
*/
|
@@ -26099,8 +26070,6 @@ const _Caption = (props) => {
|
|
26099
26070
|
|
26100
26071
|
// Copyright (c) Microsoft Corporation.
|
26101
26072
|
// Licensed under the MIT License.
|
26102
|
-
/* @conditional-compile-remove(rtt) */
|
26103
|
-
/* @conditional-compile-remove(rtt) */
|
26104
26073
|
/**
|
26105
26074
|
* @public
|
26106
26075
|
* A component for displaying a single line of RealTimeText
|
@@ -26249,7 +26218,6 @@ const Notification = (props) => {
|
|
26249
26218
|
|
26250
26219
|
// Copyright (c) Microsoft Corporation.
|
26251
26220
|
// Licensed under the MIT License.
|
26252
|
-
/* @conditional-compile-remove(rtt) */
|
26253
26221
|
/**
|
26254
26222
|
* @private
|
26255
26223
|
*/
|
@@ -26263,7 +26231,6 @@ const rttContainerStyles = (theme) => ({
|
|
26263
26231
|
backgroundColor: theme.palette.white
|
26264
26232
|
}
|
26265
26233
|
});
|
26266
|
-
/* @conditional-compile-remove(rtt) */
|
26267
26234
|
/**
|
26268
26235
|
* @private
|
26269
26236
|
*/
|
@@ -26276,8 +26243,6 @@ const rttIconStyles = () => ({
|
|
26276
26243
|
|
26277
26244
|
// Copyright (c) Microsoft Corporation.
|
26278
26245
|
// Licensed under the MIT License.
|
26279
|
-
/* @conditional-compile-remove(rtt) */
|
26280
|
-
/* @conditional-compile-remove(rtt) */
|
26281
26246
|
/**
|
26282
26247
|
* @private
|
26283
26248
|
* Banner to disclose that RTT is enabled for all participants for the entire duration of the meeting.
|
@@ -26296,7 +26261,6 @@ const _RTTDisclosureBanner = (props) => {
|
|
26296
26261
|
}, onClickLink: props.onClickLink, styles: { root: rttContainerStyles(theme) } }));
|
26297
26262
|
};
|
26298
26263
|
|
26299
|
-
/* @conditional-compile-remove(rtt) */
|
26300
26264
|
/**
|
26301
26265
|
* Sorts the captions and real time texts based on their timestamp.
|
26302
26266
|
*
|
@@ -26431,23 +26395,13 @@ const SCROLL_OFFSET_ALLOWANCE = 20;
|
|
26431
26395
|
*/
|
26432
26396
|
const CaptionsBanner = (props) => {
|
26433
26397
|
var _a, _b, _c;
|
26434
|
-
const { captions,
|
26435
|
-
/* @conditional-compile-remove(rtt) */
|
26436
|
-
realTimeTexts, isCaptionsOn, startCaptionsInProgress, onRenderAvatar, formFactor = 'default', captionsOptions,
|
26437
|
-
/* @conditional-compile-remove(rtt) */
|
26438
|
-
isRealTimeTextOn,
|
26439
|
-
/* @conditional-compile-remove(rtt) */
|
26440
|
-
onSendRealTimeText,
|
26441
|
-
/* @conditional-compile-remove(rtt) */
|
26442
|
-
latestLocalRealTimeText } = props;
|
26398
|
+
const { captions, realTimeTexts, isCaptionsOn, startCaptionsInProgress, onRenderAvatar, formFactor = 'default', captionsOptions, isRealTimeTextOn, onSendRealTimeText, latestLocalRealTimeText } = props;
|
26443
26399
|
const localeStrings = useLocale$1().strings.captionsBanner;
|
26444
26400
|
const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
|
26445
26401
|
const captionsScrollDivRef = React.useRef(null);
|
26446
26402
|
const [isAtBottomOfScroll, setIsAtBottomOfScroll] = React.useState(true);
|
26447
26403
|
const theme = react.useTheme();
|
26448
|
-
/* @conditional-compile-remove(rtt) */
|
26449
26404
|
const [expandBannerHeight, setExpandBannerHeight] = React.useState(false);
|
26450
|
-
/* @conditional-compile-remove(rtt) */
|
26451
26405
|
const getTitle = () => {
|
26452
26406
|
var _a, _b, _c;
|
26453
26407
|
if (isCaptionsOn && isRealTimeTextOn) {
|
@@ -26461,14 +26415,12 @@ const CaptionsBanner = (props) => {
|
|
26461
26415
|
}
|
26462
26416
|
return '';
|
26463
26417
|
};
|
26464
|
-
/* @conditional-compile-remove(rtt) */
|
26465
26418
|
// merge realtimetexts and captions into one array based on timestamp
|
26466
26419
|
// Combine captions and realTimeTexts into one list
|
26467
26420
|
const combinedList = React.useMemo(() => {
|
26468
26421
|
var _a;
|
26469
26422
|
return sortCaptionsAndRealTimeTexts(captions, (_a = realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.completedMessages) !== null && _a !== void 0 ? _a : []);
|
26470
26423
|
}, [captions, realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.completedMessages]);
|
26471
|
-
/* @conditional-compile-remove(rtt) */
|
26472
26424
|
const mergedCaptions = React.useMemo(() => {
|
26473
26425
|
var _a;
|
26474
26426
|
return [...combinedList, ...((_a = realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.currentInProgress) !== null && _a !== void 0 ? _a : []), realTimeTexts === null || realTimeTexts === void 0 ? void 0 : realTimeTexts.myInProgress].slice(-50);
|
@@ -26492,23 +26444,20 @@ const CaptionsBanner = (props) => {
|
|
26492
26444
|
return () => {
|
26493
26445
|
captionsScrollDiv === null || captionsScrollDiv === void 0 ? void 0 : captionsScrollDiv.removeEventListener('scroll', handleScrollToTheBottom);
|
26494
26446
|
};
|
26495
|
-
}, [handleScrollToTheBottom, isCaptionsOn,
|
26447
|
+
}, [handleScrollToTheBottom, isCaptionsOn, isRealTimeTextOn]);
|
26496
26448
|
React.useEffect(() => {
|
26497
26449
|
// only auto scroll to bottom is already is at bottom of scroll before new caption comes in
|
26498
26450
|
if (isAtBottomOfScroll) {
|
26499
26451
|
scrollToBottom();
|
26500
26452
|
}
|
26501
|
-
}, [captions,
|
26502
|
-
/* @conditional-compile-remove(rtt) */
|
26453
|
+
}, [captions, realTimeTexts, isAtBottomOfScroll]);
|
26503
26454
|
const [textFieldValue, setTextFieldValue] = React.useState('');
|
26504
|
-
/* @conditional-compile-remove(rtt) */
|
26505
26455
|
React.useEffect(() => {
|
26506
26456
|
// if the latest real time text sent by myself is final, clear the text field
|
26507
26457
|
if (latestLocalRealTimeText && !latestLocalRealTimeText.isTyping) {
|
26508
26458
|
setTextFieldValue('');
|
26509
26459
|
}
|
26510
26460
|
}, [latestLocalRealTimeText]);
|
26511
|
-
/* @conditional-compile-remove(rtt) */
|
26512
26461
|
const handleKeyDown = (event) => {
|
26513
26462
|
if (event.key === 'Enter') {
|
26514
26463
|
event.preventDefault();
|
@@ -26518,14 +26467,12 @@ const CaptionsBanner = (props) => {
|
|
26518
26467
|
}
|
26519
26468
|
}
|
26520
26469
|
};
|
26521
|
-
/* @conditional-compile-remove(rtt) */
|
26522
26470
|
const realTimeTextDisclosureBannerStrings = {
|
26523
26471
|
bannerTitle: (_a = strings.realTimeTextBannerTitle) !== null && _a !== void 0 ? _a : '',
|
26524
26472
|
bannerContent: (_b = strings.realTimeTextBannerContent) !== null && _b !== void 0 ? _b : '',
|
26525
26473
|
bannerLinkLabel: (_c = strings.realTimeTextBannerLinkLabel) !== null && _c !== void 0 ? _c : ''
|
26526
26474
|
};
|
26527
|
-
const
|
26528
|
-
/* @conditional-compile-remove(rtt) */
|
26475
|
+
const captionsAndRealTimeText = () => {
|
26529
26476
|
return (React.createElement(React.Fragment, null, mergedCaptions
|
26530
26477
|
.filter((caption) => caption)
|
26531
26478
|
.map((caption) => {
|
@@ -26537,22 +26484,22 @@ const CaptionsBanner = (props) => {
|
|
26537
26484
|
React.createElement(_Caption, Object.assign({}, caption, { onRenderAvatar: onRenderAvatar }))));
|
26538
26485
|
})));
|
26539
26486
|
};
|
26540
|
-
return (React.createElement(React.Fragment, null, (startCaptionsInProgress || isCaptionsOn ||
|
26541
|
-
|
26487
|
+
return (React.createElement(React.Fragment, null, (startCaptionsInProgress || isCaptionsOn || isRealTimeTextOn) && (React.createElement(react.FocusZone, { shouldFocusOnMount: true, className: captionsContainerClassName, "data-ui-id": "captions-banner" },
|
26488
|
+
(isCaptionsOn || isRealTimeTextOn) && formFactor === 'compact' && (React.createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: bannerTitleContainerClassName },
|
26542
26489
|
React.createElement(react.Text, { className: titleClassName$2 }, getTitle()),
|
26543
26490
|
React.createElement(react.IconButton, { "data-ui-id": "captions-banner-expand-icon", iconProps: { iconName: expandBannerHeight ? 'MinimizeIcon' : 'ExpandIcon' }, ariaLabel: expandBannerHeight ? strings.minimizeButtonAriaLabel : strings.expandButtonAriaLabel, onClick: () => setExpandBannerHeight(!expandBannerHeight), styles: expandIconClassName(theme) }))),
|
26544
|
-
(isCaptionsOn ||
|
26491
|
+
(isCaptionsOn || isRealTimeTextOn) && (React.createElement("ul", { ref: captionsScrollDivRef, className: (captionsOptions === null || captionsOptions === void 0 ? void 0 : captionsOptions.height) === 'full'
|
26545
26492
|
? captionsBannerFullHeightClassName(theme)
|
26546
|
-
: captionsBannerClassName(formFactor,
|
26547
|
-
|
26493
|
+
: captionsBannerClassName(formFactor, expandBannerHeight), "data-ui-id": "captions-banner-inner", "data-is-focusable": true },
|
26494
|
+
isRealTimeTextOn && (React.createElement("li", null,
|
26548
26495
|
React.createElement(react.Stack, { className: rttDisclosureBannerClassName() },
|
26549
26496
|
React.createElement(_RTTDisclosureBanner, { strings: realTimeTextDisclosureBannerStrings })))),
|
26550
|
-
|
26551
|
-
|
26497
|
+
captionsAndRealTimeText())),
|
26498
|
+
isRealTimeTextOn && onSendRealTimeText && (React.createElement(react.TextField, { styles: realTimeTextInputBoxStyles(theme), placeholder: strings.realTimeTextInputBoxDefaultText, value: textFieldValue, onKeyDown: handleKeyDown, onChange: (_, newValue) => {
|
26552
26499
|
setTextFieldValue(newValue || '');
|
26553
26500
|
onSendRealTimeText(newValue || '', false);
|
26554
26501
|
}, maxLength: 2000, errorMessage: textFieldValue.length >= 2000 ? strings.realTimeTextInputErrorMessage : undefined })),
|
26555
|
-
!isCaptionsOn &&
|
26502
|
+
!isCaptionsOn && !isRealTimeTextOn && (React.createElement(react.Stack, { verticalAlign: "center", styles: (captionsOptions === null || captionsOptions === void 0 ? void 0 : captionsOptions.height) === 'full'
|
26556
26503
|
? loadingBannerFullHeightStyles(theme)
|
26557
26504
|
: loadingBannerStyles(formFactor), "data-is-focusable": true },
|
26558
26505
|
React.createElement(react.Spinner, { label: strings === null || strings === void 0 ? void 0 : strings.captionsBannerSpinnerText, ariaLive: "assertive", labelPosition: "right" })))))));
|
@@ -26819,7 +26766,6 @@ var __awaiter$E = (window && window.__awaiter) || function (thisArg, _arguments,
|
|
26819
26766
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
26820
26767
|
});
|
26821
26768
|
};
|
26822
|
-
/* @conditional-compile-remove(rtt) */
|
26823
26769
|
/**
|
26824
26770
|
* @public
|
26825
26771
|
* a component for realTimeText modal
|
@@ -27214,8 +27160,6 @@ const IncomingCallStack = (props) => {
|
|
27214
27160
|
|
27215
27161
|
// Copyright (c) Microsoft Corporation.
|
27216
27162
|
// Licensed under the MIT License.
|
27217
|
-
/* @conditional-compile-remove(rtt) */
|
27218
|
-
/* @conditional-compile-remove(rtt) */
|
27219
27163
|
/**
|
27220
27164
|
* a button to start RealTimeText
|
27221
27165
|
* based on accessibility requirement, real time text cannot be turned off once it is on
|
@@ -32326,7 +32270,7 @@ const AttachmentDownloadErrorBar = (props) => {
|
|
32326
32270
|
/**
|
32327
32271
|
* Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading
|
32328
32272
|
*/
|
32329
|
-
const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-
|
32273
|
+
const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DH4-wqph.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
|
32330
32274
|
/**
|
32331
32275
|
* @private
|
32332
32276
|
* Use this function to load RoosterJS dependencies early in the lifecycle.
|
@@ -32334,7 +32278,7 @@ const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function
|
|
32334
32278
|
*
|
32335
32279
|
/* @conditional-compile-remove(rich-text-editor-composite-support)
|
32336
32280
|
*/
|
32337
|
-
const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-
|
32281
|
+
const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DH4-wqph.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
|
32338
32282
|
/**
|
32339
32283
|
* @private
|
32340
32284
|
*/
|
@@ -34356,7 +34300,6 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
|
|
34356
34300
|
onDisposeTogetherModeStreamView: () => __awaiter$q(void 0, void 0, void 0, function* () {
|
34357
34301
|
return yield adapter.disposeTogetherModeStreamView();
|
34358
34302
|
}),
|
34359
|
-
/* @conditional-compile-remove(rtt) */
|
34360
34303
|
onSendRealTimeText: (text, isFinalized) => __awaiter$q(void 0, void 0, void 0, function* () {
|
34361
34304
|
return yield adapter.sendRealTimeText(text, isFinalized);
|
34362
34305
|
})
|
@@ -34609,25 +34552,15 @@ const CallingCaptionsBanner = (props) => {
|
|
34609
34552
|
const strings = useLocale().strings.call;
|
34610
34553
|
const captionsBannerStrings = {
|
34611
34554
|
captionsBannerSpinnerText: strings.captionsBannerSpinnerText,
|
34612
|
-
/* @conditional-compile-remove(rtt) */
|
34613
34555
|
realTimeTextInputBoxDefaultText: strings.realTimeTextInputBoxDefaultText,
|
34614
|
-
/* @conditional-compile-remove(rtt) */
|
34615
34556
|
realTimeTextInputErrorMessage: strings.realTimeTextInputErrorMessage,
|
34616
|
-
/* @conditional-compile-remove(rtt) */
|
34617
34557
|
realTimeTextBannerContent: strings.realTimeTextBannerContent,
|
34618
|
-
/* @conditional-compile-remove(rtt) */
|
34619
34558
|
realTimeTextBannerTitle: strings.realTimeTextBannerTitle,
|
34620
|
-
/* @conditional-compile-remove(rtt) */
|
34621
34559
|
realTimeTextBannerLinkLabel: strings.realTimeTextBannerLinkLabel,
|
34622
|
-
/* @conditional-compile-remove(rtt) */
|
34623
34560
|
captionsOnlyContainerTitle: strings.captionsOnlyContainerTitle,
|
34624
|
-
/* @conditional-compile-remove(rtt) */
|
34625
34561
|
realTimeTextOnlyContainerTitle: strings.realTimeTextOnlyContainerTitle,
|
34626
|
-
/* @conditional-compile-remove(rtt) */
|
34627
34562
|
captionsAndRealTimeTextContainerTitle: strings.captionsAndRealTimeTextContainerTitle,
|
34628
|
-
/* @conditional-compile-remove(rtt) */
|
34629
34563
|
expandButtonAriaLabel: strings.expandButtonAriaLabel,
|
34630
|
-
/* @conditional-compile-remove(rtt) */
|
34631
34564
|
minimizeButtonAriaLabel: strings.minimizeButtonAriaLabel
|
34632
34565
|
};
|
34633
34566
|
const onRenderAvatar = React.useCallback((userId, options) => {
|
@@ -34648,9 +34581,7 @@ const CallingCaptionsBanner = (props) => {
|
|
34648
34581
|
React.createElement("div", { className: containerClassName, role: "region", "aria-label": strings.liveCaptionsLabel },
|
34649
34582
|
React.createElement(react.Stack, { horizontalAlign: "center" },
|
34650
34583
|
React.createElement(react.Stack.Item, { style: { width: props.isMobile ? mobileViewBannerWidth : desktopViewBannerWidth } },
|
34651
|
-
React.createElement(CaptionsBanner, Object.assign({ captionsOptions: props.captionsOptions, onRenderAvatar: onRenderAvatar, formFactor: props.isMobile ? 'compact' : 'default', strings: captionsBannerStrings }, captionsBannerProps, {
|
34652
|
-
/* @conditional-compile-remove(rtt) */
|
34653
|
-
isRealTimeTextOn: props.isRealTimeTextOn || captionsBannerProps.isRealTimeTextOn })))),
|
34584
|
+
React.createElement(CaptionsBanner, Object.assign({ captionsOptions: props.captionsOptions, onRenderAvatar: onRenderAvatar, formFactor: props.isMobile ? 'compact' : 'default', strings: captionsBannerStrings }, captionsBannerProps, { isRealTimeTextOn: props.isRealTimeTextOn || captionsBannerProps.isRealTimeTextOn })))),
|
34654
34585
|
!props.isMobile && captionsBannerProps.isCaptionsOn && (React.createElement("div", { className: floatingChildClassName },
|
34655
34586
|
React.createElement(CaptionsBannerMoreButton, { onCaptionsSettingsClick: onClickCaptionsSettings }))))));
|
34656
34587
|
};
|
@@ -35669,7 +35600,6 @@ const DesktopMoreButton = (props) => {
|
|
35669
35600
|
const localeStrings = useLocale();
|
35670
35601
|
const holdButtonProps = usePropsFor$1(HoldButton);
|
35671
35602
|
const startCaptionsButtonProps = usePropsFor$1(StartCaptionsButton);
|
35672
|
-
/* @conditional-compile-remove(rtt) */
|
35673
35603
|
const realTimeTextProps = usePropsFor$1(CaptionsBanner);
|
35674
35604
|
const startCaptions = React.useCallback(() => __awaiter$m(void 0, void 0, void 0, function* () {
|
35675
35605
|
yield startCaptionsButtonProps.onStartCaptions({
|
@@ -35783,7 +35713,6 @@ const DesktopMoreButton = (props) => {
|
|
35783
35713
|
}
|
35784
35714
|
}
|
35785
35715
|
//RTT
|
35786
|
-
/* @conditional-compile-remove(rtt) */
|
35787
35716
|
if (props.isRealTimeTextSupported) {
|
35788
35717
|
const realTimeTextContextualMenuItems = [];
|
35789
35718
|
const rttDisabled = props.disableButtonsForHoldScreen || realTimeTextProps.isRealTimeTextOn || props.startRealTimeTextButtonChecked;
|
@@ -36328,8 +36257,6 @@ const timerTextStyle = {
|
|
36328
36257
|
|
36329
36258
|
// Copyright (c) Microsoft Corporation.
|
36330
36259
|
// Licensed under the MIT License.
|
36331
|
-
/* @conditional-compile-remove(rtt) */
|
36332
|
-
/* @conditional-compile-remove(rtt) */
|
36333
36260
|
/** @private */
|
36334
36261
|
const CallingRealTimeTextModal = (props) => {
|
36335
36262
|
const strings = useLocale().strings.call;
|
@@ -36386,7 +36313,6 @@ const CommonCallControlBar = (props) => {
|
|
36386
36313
|
const callWithChatStrings = useCallWithChatCompositeStrings();
|
36387
36314
|
const options = inferCommonCallControlOptions(props.mobileView, props.callControls);
|
36388
36315
|
const [showCaptionsSettingsModal, setShowCaptionsSettingsModal] = React.useState(false);
|
36389
|
-
/* @conditional-compile-remove(rtt) */
|
36390
36316
|
const [showRealTimeTextModal, setShowRealTimeTextModal] = React.useState(false);
|
36391
36317
|
// If the hangup capability is not present, we default to true
|
36392
36318
|
const isHangUpForEveryoneAllowed = (_a = useSelector$1((state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities.hangUpForEveryOne.isPresent; })) !== null && _a !== void 0 ? _a : true;
|
@@ -36422,11 +36348,9 @@ const CommonCallControlBar = (props) => {
|
|
36422
36348
|
const openCaptionsSettingsModal = React.useCallback(() => {
|
36423
36349
|
setShowCaptionsSettingsModal(true);
|
36424
36350
|
}, []);
|
36425
|
-
/* @conditional-compile-remove(rtt) */
|
36426
36351
|
const openRealTimeTextModal = React.useCallback(() => {
|
36427
36352
|
setShowRealTimeTextModal(true);
|
36428
36353
|
}, []);
|
36429
|
-
/* @conditional-compile-remove(rtt) */
|
36430
36354
|
const onDismissRealTimeTextModal = React.useCallback(() => {
|
36431
36355
|
setShowRealTimeTextModal(false);
|
36432
36356
|
}, []);
|
@@ -36522,21 +36446,20 @@ const CommonCallControlBar = (props) => {
|
|
36522
36446
|
const cameraButtonIsEnabled = isEnabled$1(options === null || options === void 0 ? void 0 : options.cameraButton);
|
36523
36447
|
const showExitSpotlightButton = (options === null || options === void 0 ? void 0 : options.exitSpotlightButton) !== false;
|
36524
36448
|
const showCaptionsButton = props.isCaptionsSupported && isEnabled$1(options.captionsButton);
|
36525
|
-
/* @conditional-compile-remove(rtt) */
|
36526
36449
|
const showRealTimeTextButton = props.isRealTimeTextSupported;
|
36527
36450
|
const showTeamsMeetingPhoneCallButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.teamsMeetingPhoneCallButton);
|
36528
36451
|
const showDesktopMoreButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.moreButton) &&
|
36529
36452
|
(isEnabled$1(options === null || options === void 0 ? void 0 : options.holdButton) ||
|
36530
36453
|
showCaptionsButton ||
|
36531
36454
|
props.onUserSetGalleryLayout ||
|
36532
|
-
|
36455
|
+
showRealTimeTextButton);
|
36533
36456
|
const role = (_b = props.callAdapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
|
36534
36457
|
const hideRaiseHandButtonInRoomsCall = props.callAdapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
|
36535
36458
|
const reactionResources = props.callAdapter.getState().reactions;
|
36536
36459
|
return (React.createElement("div", { ref: controlBarSizeRef },
|
36537
36460
|
React.createElement(CallAdapterProvider, { adapter: props.callAdapter },
|
36538
36461
|
showCaptionsSettingsModal && (React.createElement(CallingCaptionsSettingsModal, { showCaptionsSettingsModal: showCaptionsSettingsModal, onDismissCaptionsSettings: onDismissCaptionsSettings, changeCaptionLanguage: props.isCaptionsOn && props.useTeamsCaptions })),
|
36539
|
-
|
36462
|
+
showRealTimeTextModal && (React.createElement(CallingRealTimeTextModal, { showModal: showRealTimeTextModal, onDismissModal: onDismissRealTimeTextModal, onStartRealTimeText: props.onStartRealTimeText })),
|
36540
36463
|
props.teamsMeetingConferenceModalPresent && (React.createElement(MeetingConferencePhoneInfoModal, { conferencePhoneInfoList: (_e = (_d = (_c = props.callAdapter.getState().call) === null || _c === void 0 ? void 0 : _c.meetingConference) === null || _d === void 0 ? void 0 : _d.conferencePhones) !== null && _e !== void 0 ? _e : [], showModal: props.teamsMeetingConferenceModalPresent, onDismissMeetingPhoneInfoSettings: props.onToggleTeamsMeetingConferenceModal }))),
|
36541
36464
|
React.createElement(react.Stack, { horizontal: true, reversed: !props.mobileView && !isOutOfSpace, horizontalAlign: "space-between", className: react.mergeStyles(callControlsContainerStyles, controlBarContainerStyles, controlBarDesktopContainerStyles) },
|
36542
36465
|
React.createElement(react.Stack.Item, { grow: true, className: react.mergeStyles(controlBarWrapperDesktopStyles) },
|
@@ -36573,13 +36496,7 @@ const CommonCallControlBar = (props) => {
|
|
36573
36496
|
return (React.createElement(CustomButton, { key: `primary-custom-button-${i}`, styles: commonButtonStyles, showLabel: options.displayType !== 'compact', disableTooltip: props.mobileView }));
|
36574
36497
|
}),
|
36575
36498
|
props.mobileView && (React.createElement(MoreButton, { "data-ui-id": "common-call-composite-more-button", strings: moreButtonStrings, onClick: props.onMoreButtonClicked, disabled: props.disableButtonsForLobbyPage, disableTooltip: props.mobileView })),
|
36576
|
-
!props.mobileView && showDesktopMoreButton && (React.createElement(DesktopMoreButton, { disableButtonsForHoldScreen: props.disableButtonsForHoldScreen, styles: commonButtonStyles, onClickShowDialpad: props.onClickShowDialpad, callControls: props.callControls, isCaptionsSupported: showCaptionsButton,
|
36577
|
-
/* @conditional-compile-remove(rtt) */
|
36578
|
-
isRealTimeTextSupported: showRealTimeTextButton, onCaptionsSettingsClick: openCaptionsSettingsModal,
|
36579
|
-
/* @conditional-compile-remove(rtt) */
|
36580
|
-
onStartRealTimeTextClick: openRealTimeTextModal,
|
36581
|
-
/* @conditional-compile-remove(rtt) */
|
36582
|
-
startRealTimeTextButtonChecked: props.startRealTimeTextButtonChecked, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayout, userSetGalleryLayout: props.userSetGalleryLayout, dtmfDialerPresent: props.dtmfDialerPresent, onSetDialpadPage: props.onSetDialpadPage, teamsMeetingPhoneCallEnable: showTeamsMeetingPhoneCallButton, onMeetingPhoneInfoClick: props.onToggleTeamsMeetingConferenceModal })),
|
36499
|
+
!props.mobileView && showDesktopMoreButton && (React.createElement(DesktopMoreButton, { disableButtonsForHoldScreen: props.disableButtonsForHoldScreen, styles: commonButtonStyles, onClickShowDialpad: props.onClickShowDialpad, callControls: props.callControls, isCaptionsSupported: showCaptionsButton, isRealTimeTextSupported: showRealTimeTextButton, onCaptionsSettingsClick: openCaptionsSettingsModal, onStartRealTimeTextClick: openRealTimeTextModal, startRealTimeTextButtonChecked: props.startRealTimeTextButtonChecked, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayout, userSetGalleryLayout: props.userSetGalleryLayout, dtmfDialerPresent: props.dtmfDialerPresent, onSetDialpadPage: props.onSetDialpadPage, teamsMeetingPhoneCallEnable: showTeamsMeetingPhoneCallButton, onMeetingPhoneInfoClick: props.onToggleTeamsMeetingConferenceModal })),
|
36583
36500
|
React.createElement(EndCall, { displayType: "compact", mobileView: props.mobileView, styles: endCallButtonStyles, enableEndCallMenu: !isBoolean(props.callControls) &&
|
36584
36501
|
!isBoolean((_g = props.callControls) === null || _g === void 0 ? void 0 : _g.endCallButton) &&
|
36585
36502
|
!props.mobileView &&
|
@@ -36848,19 +36765,15 @@ const MoreDrawer = (props) => {
|
|
36848
36765
|
const { speakers, onSelectSpeaker, onLightDismiss } = props;
|
36849
36766
|
const localeStrings = useLocale();
|
36850
36767
|
const holdButtonProps = usePropsFor$1(HoldButton);
|
36851
|
-
/* @conditional-compile-remove(rtt) */
|
36852
36768
|
const realTimeTextProps = usePropsFor$1(CaptionsBanner);
|
36853
36769
|
const callees = useSelector$1(getTargetCallees);
|
36854
36770
|
const participants = useSelector$1(getRemoteParticipantsConnectedSelector);
|
36855
36771
|
const allowDtmfDialer = showDtmfDialer(callees, participants, props.dtmfDialerOptions);
|
36856
36772
|
const [dtmfDialerChecked, setDtmfDialerChecked] = React.useState((_a = props.dtmfDialerPresent) !== null && _a !== void 0 ? _a : false);
|
36857
|
-
/* @conditional-compile-remove(rtt) */
|
36858
36773
|
const [showRealTimeTextModal, setShowRealTimeTextModal] = React.useState(false);
|
36859
|
-
/* @conditional-compile-remove(rtt) */
|
36860
36774
|
const openRealTimeTextModal = React.useCallback(() => {
|
36861
36775
|
setShowRealTimeTextModal(true);
|
36862
36776
|
}, []);
|
36863
|
-
/* @conditional-compile-remove(rtt) */
|
36864
36777
|
const onDismissRealTimeTextModal = React.useCallback(() => {
|
36865
36778
|
setShowRealTimeTextModal(false);
|
36866
36779
|
}, []);
|
@@ -36885,7 +36798,6 @@ const MoreDrawer = (props) => {
|
|
36885
36798
|
}, [speakers, onSelectSpeaker, onLightDismiss]);
|
36886
36799
|
const drawerSelectionOptions = inferCallWithChatControlOptions(props.callControls);
|
36887
36800
|
const showCaptionsButton = props.isCaptionsSupported && drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions.captionsButton);
|
36888
|
-
/* @conditional-compile-remove(rtt) */
|
36889
36801
|
const showRealTimeTextButton = props.isRealTimeTextSupported;
|
36890
36802
|
if (props.reactionResources !== undefined) {
|
36891
36803
|
drawerMenuItems.push({
|
@@ -37213,10 +37125,8 @@ const MoreDrawer = (props) => {
|
|
37213
37125
|
});
|
37214
37126
|
}
|
37215
37127
|
}
|
37216
|
-
/* @conditional-compile-remove(rtt) */
|
37217
37128
|
const rttDisabled = props.disableButtonsForHoldScreen || realTimeTextProps.isRealTimeTextOn || props.startRealTimeTextButtonChecked;
|
37218
37129
|
// rtt
|
37219
|
-
/* @conditional-compile-remove(rtt) */
|
37220
37130
|
if (showRealTimeTextButton) {
|
37221
37131
|
const realTimeTextDrawerItems = [];
|
37222
37132
|
drawerMenuItems.push({
|
@@ -37255,7 +37165,7 @@ const MoreDrawer = (props) => {
|
|
37255
37165
|
drawerMenuItems.push(element);
|
37256
37166
|
});
|
37257
37167
|
return (React.createElement(React.Fragment, null,
|
37258
|
-
|
37168
|
+
showRealTimeTextModal && (React.createElement(CallingRealTimeTextModal, { showModal: showRealTimeTextModal, onDismissModal: onDismissRealTimeTextModal, onStartRealTimeText: props.onStartRealTimeText })),
|
37259
37169
|
isSpokenLanguageDrawerOpen && showCaptionsButton && (React.createElement(SpokenLanguageSettingsDrawer, { onLightDismiss: props.onLightDismiss, selectLanguage: setCurrentSpokenLanguage, setCurrentLanguage: captionSettingsProp.onSetSpokenLanguage, currentLanguage: currentSpokenLanguage, strings: { menuTitle: props.strings.spokenLanguageMenuTitle }, supportedLanguageStrings: supportedSpokenLanguageStrings })),
|
37260
37170
|
isCaptionLanguageDrawerOpen && showCaptionsButton && (React.createElement(CaptionLanguageSettingsDrawer, { onLightDismiss: props.onLightDismiss, selectLanguage: setCurrentCaptionLanguage, setCurrentLanguage: captionSettingsProp.onSetCaptionLanguage, currentLanguage: currentCaptionLanguage, strings: { menuTitle: props.strings.captionLanguageMenuTitle }, supportedLanguageStrings: supportedCaptionLanguageStrings })),
|
37261
37171
|
!isSpokenLanguageDrawerOpen && !isCaptionLanguageDrawerOpen && (React.createElement(_DrawerMenu, { items: drawerMenuItems, onLightDismiss: props.onLightDismiss }))));
|
@@ -39881,9 +39791,7 @@ const CallArrangement = (props) => {
|
|
39881
39791
|
? (latestNotifications !== null && latestNotifications !== void 0 ? latestNotifications : []).filter((notification) => notification.type !== 'assignedBreakoutRoomOpenedPromptJoin')
|
39882
39792
|
: latestNotifications;
|
39883
39793
|
const reactionResources = useSelector$1(getReactionResources);
|
39884
|
-
/* @conditional-compile-remove(rtt) */
|
39885
39794
|
const [openRealTimeText, setOpenRealTimeText] = React.useState(false);
|
39886
|
-
/* @conditional-compile-remove(rtt) */
|
39887
39795
|
const onStartRealTimeText = React.useCallback(() => {
|
39888
39796
|
setOpenRealTimeText(true);
|
39889
39797
|
}, []);
|
@@ -39904,9 +39812,7 @@ const CallArrangement = (props) => {
|
|
39904
39812
|
props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (React.createElement(react.Stack, { styles: bannerNotificationStyles },
|
39905
39813
|
React.createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] })))))),
|
39906
39814
|
renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent(),
|
39907
|
-
!isInLocalHold && (React.createElement(CallingCaptionsBanner, { captionsOptions: props.captionsOptions, isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, useTeamsCaptions: useTeamsCaptions,
|
39908
|
-
/* @conditional-compile-remove(rtt) */
|
39909
|
-
isRealTimeTextOn: openRealTimeText }))))),
|
39815
|
+
!isInLocalHold && (React.createElement(CallingCaptionsBanner, { captionsOptions: props.captionsOptions, isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, useTeamsCaptions: useTeamsCaptions, isRealTimeTextOn: openRealTimeText }))))),
|
39910
39816
|
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)
|
39911
39817
|
? undefined
|
39912
39818
|
: togglePeoplePane, disablePeopleButton: typeof props.callControlProps.options !== 'boolean' &&
|
@@ -39922,21 +39828,9 @@ const CallArrangement = (props) => {
|
|
39922
39828
|
((_m = props.callControlProps) === null || _m === void 0 ? void 0 : _m.options) !== false && !isMobileWithActivePane && (React.createElement(react.Stack, { verticalAlign: 'center', className: react.mergeStyles({
|
39923
39829
|
zIndex: CONTROL_BAR_Z_INDEX,
|
39924
39830
|
padding: verticalControlBar ? '0.25rem' : 'unset'
|
39925
|
-
}) }, isLegacyCallControlEnabled((_o = props.callControlProps) === null || _o === void 0 ? void 0 : _o.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) || hasJoinedCall,
|
39926
|
-
/* @conditional-compile-remove(rtt) */
|
39927
|
-
isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall,
|
39928
|
-
/* @conditional-compile-remove(rtt) */
|
39929
|
-
onStartRealTimeText: onStartRealTimeText,
|
39930
|
-
/* @conditional-compile-remove(rtt) */
|
39931
|
-
startRealTimeTextButtonChecked: openRealTimeText, 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, sidePaneDismissButtonRef: sidePaneDismissButtonRef }))))),
|
39831
|
+
}) }, isLegacyCallControlEnabled((_o = props.callControlProps) === null || _o === void 0 ? void 0 : _o.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) || hasJoinedCall, isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, onStartRealTimeText: onStartRealTimeText, startRealTimeTextButtonChecked: openRealTimeText, 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, sidePaneDismissButtonRef: sidePaneDismissButtonRef }))))),
|
39932
39832
|
((_p = props.callControlProps) === null || _p === void 0 ? void 0 : _p.options) !== false && showDrawer && (React.createElement(react.Stack, { styles: drawerContainerStylesValue },
|
39933
|
-
React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) || hasJoinedCall,
|
39934
|
-
/* @conditional-compile-remove(rtt) */
|
39935
|
-
isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall,
|
39936
|
-
/* @conditional-compile-remove(rtt) */
|
39937
|
-
onStartRealTimeText: onStartRealTimeText,
|
39938
|
-
/* @conditional-compile-remove(rtt) */
|
39939
|
-
startRealTimeTextButtonChecked: openRealTimeText, useTeamsCaptions: useTeamsCaptions, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, dtmfDialerOptions: props.dtmfDialerOptions, reactionResources: reactionResources, onClickMeetingPhoneInfo: onMeetingPhoneInfoClicked })))))));
|
39833
|
+
React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) || hasJoinedCall, isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, onStartRealTimeText: onStartRealTimeText, startRealTimeTextButtonChecked: openRealTimeText, useTeamsCaptions: useTeamsCaptions, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, dtmfDialerOptions: props.dtmfDialerOptions, reactionResources: reactionResources, onClickMeetingPhoneInfo: onMeetingPhoneInfoClicked })))))));
|
39940
39834
|
};
|
39941
39835
|
const isLegacyCallControlEnabled = (options) => {
|
39942
39836
|
return !!options && options !== true && (options === null || options === void 0 ? void 0 : options.legacyControlBarExperience) === true;
|
@@ -43708,7 +43602,6 @@ class AzureCommunicationCallAdapter {
|
|
43708
43602
|
this.stopCaptions.bind(this);
|
43709
43603
|
this.setSpokenLanguage.bind(this);
|
43710
43604
|
this.setCaptionLanguage.bind(this);
|
43711
|
-
/* @conditional-compile-remove(rtt) */
|
43712
43605
|
this.sendRealTimeText.bind(this);
|
43713
43606
|
this.startVideoBackgroundEffect.bind(this);
|
43714
43607
|
this.stopVideoBackgroundEffects.bind(this);
|
@@ -44223,7 +44116,6 @@ class AzureCommunicationCallAdapter {
|
|
44223
44116
|
this.handlers.onSetSpokenLanguage(language);
|
44224
44117
|
});
|
44225
44118
|
}
|
44226
|
-
/* @conditional-compile-remove(rtt) */
|
44227
44119
|
sendRealTimeText(text, isFinalized) {
|
44228
44120
|
return __awaiter$7(this, void 0, void 0, function* () {
|
44229
44121
|
this.handlers.onSendRealTimeText(text, isFinalized);
|
@@ -44390,7 +44282,6 @@ class AzureCommunicationCallAdapter {
|
|
44390
44282
|
(_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(communicationCalling.Features.Transfer).on('transferAccepted', this.transferAccepted.bind(this));
|
44391
44283
|
(_g = this.call) === null || _g === void 0 ? void 0 : _g.feature(communicationCalling.Features.Capabilities).on('capabilitiesChanged', this.capabilitiesChanged.bind(this));
|
44392
44284
|
(_h = this.call) === null || _h === void 0 ? void 0 : _h.feature(communicationCalling.Features.Spotlight).on('spotlightChanged', this.spotlightChanged.bind(this));
|
44393
|
-
/* @conditional-compile-remove(rtt) */
|
44394
44285
|
try {
|
44395
44286
|
(_j = this.call) === null || _j === void 0 ? void 0 : _j.feature(communicationCalling.Features.RealTimeText).on('realTimeTextReceived', this.realTimeTextReceived.bind(this));
|
44396
44287
|
}
|
@@ -44414,7 +44305,6 @@ class AzureCommunicationCallAdapter {
|
|
44414
44305
|
(_d = this.call) === null || _d === void 0 ? void 0 : _d.off('idChanged', this.callIdChanged.bind(this));
|
44415
44306
|
(_e = this.call) === null || _e === void 0 ? void 0 : _e.off('roleChanged', this.roleChanged.bind(this));
|
44416
44307
|
this.unsubscribeFromCaptionEvents();
|
44417
|
-
/* @conditional-compile-remove(rtt) */
|
44418
44308
|
try {
|
44419
44309
|
(_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(communicationCalling.Features.RealTimeText).off('realTimeTextReceived', this.realTimeTextReceived.bind(this));
|
44420
44310
|
}
|
@@ -44464,7 +44354,6 @@ class AzureCommunicationCallAdapter {
|
|
44464
44354
|
captionsReceived(captionsInfo) {
|
44465
44355
|
this.emitter.emit('captionsReceived', { captionsInfo });
|
44466
44356
|
}
|
44467
|
-
/* @conditional-compile-remove(rtt) */
|
44468
44357
|
realTimeTextReceived(realTimeText) {
|
44469
44358
|
this.emitter.emit('realTimeTextReceived', { realTimeText });
|
44470
44359
|
}
|
@@ -45137,7 +45026,6 @@ class CallWithChatBackedCallAdapter {
|
|
45137
45026
|
yield this.callWithChatAdapter.setSpokenLanguage(language);
|
45138
45027
|
});
|
45139
45028
|
}
|
45140
|
-
/* @conditional-compile-remove(rtt) */
|
45141
45029
|
sendRealTimeText(text, isFinalized) {
|
45142
45030
|
return __awaiter$6(this, void 0, void 0, function* () {
|
45143
45031
|
yield this.callWithChatAdapter.sendRealTimeText(text, isFinalized);
|
@@ -46135,7 +46023,6 @@ class AzureCommunicationCallWithChatAdapter {
|
|
46135
46023
|
this.stopCaptions.bind(this);
|
46136
46024
|
this.setSpokenLanguage.bind(this);
|
46137
46025
|
this.setCaptionLanguage.bind(this);
|
46138
|
-
/* @conditional-compile-remove(rtt) */
|
46139
46026
|
this.sendRealTimeText.bind(this);
|
46140
46027
|
this.startVideoBackgroundEffect.bind(this);
|
46141
46028
|
this.stopVideoBackgroundEffects.bind(this);
|
@@ -46492,7 +46379,6 @@ class AzureCommunicationCallWithChatAdapter {
|
|
46492
46379
|
yield this.callAdapter.setSpokenLanguage(language);
|
46493
46380
|
});
|
46494
46381
|
}
|
46495
|
-
/* @conditional-compile-remove(rtt) */
|
46496
46382
|
sendRealTimeText(text, isFinalized) {
|
46497
46383
|
return __awaiter$4(this, void 0, void 0, function* () {
|
46498
46384
|
yield this.callAdapter.sendRealTimeText(text, isFinalized);
|
@@ -46646,7 +46532,6 @@ class AzureCommunicationCallWithChatAdapter {
|
|
46646
46532
|
case 'captionsReceived':
|
46647
46533
|
this.callAdapter.on('captionsReceived', listener);
|
46648
46534
|
break;
|
46649
|
-
/* @conditional-compile-remove(rtt) */
|
46650
46535
|
case 'realTimeTextReceived':
|
46651
46536
|
this.callAdapter.on('realTimeTextReceived', listener);
|
46652
46537
|
break;
|
@@ -46762,7 +46647,6 @@ class AzureCommunicationCallWithChatAdapter {
|
|
46762
46647
|
case 'captionsReceived':
|
46763
46648
|
this.callAdapter.off('captionsReceived', listener);
|
46764
46649
|
break;
|
46765
|
-
/* @conditional-compile-remove(rtt) */
|
46766
46650
|
case 'realTimeTextReceived':
|
46767
46651
|
this.callAdapter.off('realTimeTextReceived', listener);
|
46768
46652
|
break;
|
@@ -47838,4 +47722,4 @@ exports.useTeamsCall = useTeamsCall;
|
|
47838
47722
|
exports.useTeamsCallAdapter = useTeamsCallAdapter;
|
47839
47723
|
exports.useTeamsCallAgent = useTeamsCallAgent;
|
47840
47724
|
exports.useTheme = useTheme;
|
47841
|
-
//# sourceMappingURL=index-
|
47725
|
+
//# sourceMappingURL=index-CDG9XlLH.js.map
|