@microsoft/omnichannel-chat-components 1.0.5-main.d2c1bf4 → 1.0.5-main.fb181a2
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/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/CurrentCall.js +27 -23
- package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlProps.js +0 -1
- package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlPropsRtl.js +0 -1
- package/lib/esm/components/callingcontainer/subcomponents/CurrentCall/CurrentCall.js +27 -23
- package/lib/esm/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlProps.js +0 -1
- package/lib/esm/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlPropsRtl.js +0 -1
- package/lib/types/components/callingcontainer/subcomponents/CurrentCall/interfaces/ICurrentCallControlProps.d.ts +0 -9
- package/lib/types/components/callingcontainer/subcomponents/CurrentCall/interfaces/ICurrentCallNonActionControlIds.d.ts +1 -5
- package/package.json +1 -1
|
@@ -32,7 +32,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
32
32
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
33
33
|
|
|
34
34
|
function CurrentCall(props) {
|
|
35
|
-
var _props$controlProps, _defaultCurrentCallPr, _props$controlProps2, _props$controlProps2$, _defaultCurrentCallPr2, _defaultCurrentCallPr3, _props$controlProps3, _props$controlProps3$, _defaultCurrentCallPr4, _defaultCurrentCallPr5, _props$controlProps4, _props$controlProps4$, _defaultCurrentCallPr6, _defaultCurrentCallPr7, _props$controlProps5, _props$controlProps5$, _defaultCurrentCallPr8, _defaultCurrentCallPr9, _props$controlProps6, _props$controlProps6$, _defaultCurrentCallPr10, _defaultCurrentCallPr11, _props$controlProps7, _props$controlProps7$, _defaultCurrentCallPr12, _defaultCurrentCallPr13, _props$controlProps8, _props$controlProps8$, _defaultCurrentCallPr14, _defaultCurrentCallPr15, _props$controlProps9, _props$controlProps10, _defaultCurrentCallPr16, _defaultCurrentCallPr17, _props$styleProps, _props$controlProps11, _props$controlProps12, _defaultCurrentCallPr18, _defaultCurrentCallPr19, _props$controlProps13, _props$controlProps14, _defaultCurrentCallPr20, _defaultCurrentCallPr21, _props$controlProps15, _props$controlProps16, _defaultCurrentCallPr22, _defaultCurrentCallPr23, _props$controlProps17, _props$controlProps18, _props$controlProps19, _props$controlProps20, _defaultCurrentCallPr24, _defaultCurrentCallPr25, _props$controlProps21, _props$controlProps22, _defaultCurrentCallPr26, _defaultCurrentCallPr27, _props$controlProps23, _props$controlProps24, _defaultCurrentCallPr28, _defaultCurrentCallPr29, _props$controlProps25, _props$controlProps26, _defaultCurrentCallPr30, _defaultCurrentCallPr31, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _defaultCurrentCallPr32, _defaultCurrentCallPr33, _props$controlProps31, _props$controlProps32, _defaultCurrentCallPr34, _defaultCurrentCallPr35, _props$controlProps33, _props$controlProps34, _defaultCurrentCallPr36, _defaultCurrentCallPr37, _props$controlProps35, _props$controlProps36, _defaultCurrentCallPr38, _defaultCurrentCallPr39, _props$controlProps37, _defaultCurrentCallPr40, _props$controlProps38, _defaultCurrentCallPr41, _props$controlProps39, _defaultCurrentCallPr42, _props$controlProps40, _props$controlProps41, _props$controlProps42, _props$controlProps43, _defaultCurrentCallPr43, _defaultCurrentCallPr44, _props$controlProps44, _props$controlProps45, _defaultCurrentCallPr45, _defaultCurrentCallPr46, _props$controlProps46, _props$controlProps47, _defaultCurrentCallPr47, _defaultCurrentCallPr48, _props$controlProps48, _props$controlProps49, _defaultCurrentCallPr49, _defaultCurrentCallPr50, _props$controlProps50, _props$controlProps51, _props$controlProps52, _props$controlProps53, _defaultCurrentCallPr51, _defaultCurrentCallPr52, _props$controlProps54, _props$controlProps55, _defaultCurrentCallPr53, _defaultCurrentCallPr54, _props$controlProps56, _props$controlProps57, _defaultCurrentCallPr55, _defaultCurrentCallPr56, _props$controlProps58, _props$controlProps59, _defaultCurrentCallPr57, _defaultCurrentCallPr58, _defaultCurrentCallPr59, _props$controlProps60, _defaultCurrentCallPr60, _props$controlProps61, _defaultCurrentCallPr61, _props$styleProps2, _defaultCurrentCallPr62, _props$styleProps3, _defaultCurrentCallPr63, _props$styleProps4,
|
|
35
|
+
var _props$controlProps, _defaultCurrentCallPr, _props$controlProps2, _props$controlProps2$, _defaultCurrentCallPr2, _defaultCurrentCallPr3, _props$controlProps3, _props$controlProps3$, _defaultCurrentCallPr4, _defaultCurrentCallPr5, _props$controlProps4, _props$controlProps4$, _defaultCurrentCallPr6, _defaultCurrentCallPr7, _props$controlProps5, _props$controlProps5$, _defaultCurrentCallPr8, _defaultCurrentCallPr9, _props$controlProps6, _props$controlProps6$, _defaultCurrentCallPr10, _defaultCurrentCallPr11, _props$controlProps7, _props$controlProps7$, _defaultCurrentCallPr12, _defaultCurrentCallPr13, _props$controlProps8, _props$controlProps8$, _defaultCurrentCallPr14, _defaultCurrentCallPr15, _props$controlProps9, _props$controlProps10, _defaultCurrentCallPr16, _defaultCurrentCallPr17, _props$styleProps, _props$controlProps11, _props$controlProps12, _defaultCurrentCallPr18, _defaultCurrentCallPr19, _props$controlProps13, _props$controlProps14, _defaultCurrentCallPr20, _defaultCurrentCallPr21, _props$controlProps15, _props$controlProps16, _defaultCurrentCallPr22, _defaultCurrentCallPr23, _props$controlProps17, _props$controlProps18, _props$controlProps19, _props$controlProps20, _defaultCurrentCallPr24, _defaultCurrentCallPr25, _props$controlProps21, _props$controlProps22, _defaultCurrentCallPr26, _defaultCurrentCallPr27, _props$controlProps23, _props$controlProps24, _defaultCurrentCallPr28, _defaultCurrentCallPr29, _props$controlProps25, _props$controlProps26, _defaultCurrentCallPr30, _defaultCurrentCallPr31, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _defaultCurrentCallPr32, _defaultCurrentCallPr33, _props$controlProps31, _props$controlProps32, _defaultCurrentCallPr34, _defaultCurrentCallPr35, _props$controlProps33, _props$controlProps34, _defaultCurrentCallPr36, _defaultCurrentCallPr37, _props$controlProps35, _props$controlProps36, _defaultCurrentCallPr38, _defaultCurrentCallPr39, _props$controlProps37, _defaultCurrentCallPr40, _props$controlProps38, _defaultCurrentCallPr41, _props$controlProps39, _defaultCurrentCallPr42, _props$controlProps40, _props$controlProps41, _props$controlProps42, _props$controlProps43, _defaultCurrentCallPr43, _defaultCurrentCallPr44, _props$controlProps44, _props$controlProps45, _defaultCurrentCallPr45, _defaultCurrentCallPr46, _props$controlProps46, _props$controlProps47, _defaultCurrentCallPr47, _defaultCurrentCallPr48, _props$controlProps48, _props$controlProps49, _defaultCurrentCallPr49, _defaultCurrentCallPr50, _props$controlProps50, _props$controlProps51, _props$controlProps52, _props$controlProps53, _defaultCurrentCallPr51, _defaultCurrentCallPr52, _props$controlProps54, _props$controlProps55, _defaultCurrentCallPr53, _defaultCurrentCallPr54, _props$controlProps56, _props$controlProps57, _defaultCurrentCallPr55, _defaultCurrentCallPr56, _props$controlProps58, _props$controlProps59, _defaultCurrentCallPr57, _defaultCurrentCallPr58, _defaultCurrentCallPr59, _props$controlProps60, _defaultCurrentCallPr60, _props$controlProps61, _defaultCurrentCallPr61, _props$styleProps2, _defaultCurrentCallPr62, _props$styleProps3, _defaultCurrentCallPr63, _props$styleProps4, _defaultCurrentCallPr64, _props$styleProps5, _defaultCurrentCallPr68, _props$styleProps9, _defaultCurrentCallPr69, _props$styleProps10, _defaultCurrentCallPr70, _props$styleProps11, _defaultCurrentCallPr71, _props$styleProps12, _defaultCurrentCallPr72, _props$styleProps13, _props$controlProps68, _defaultCurrentCallPr73, _props$styleProps14, _props$styleProps14$c, _props$styleProps15, _props$styleProps15$c, _props$styleProps16, _props$styleProps16$c, _props$styleProps17, _props$styleProps17$c, _props$styleProps18, _props$styleProps18$c, _props$controlProps69, _props$controlProps70, _props$controlProps71, _props$controlProps72, _props$controlProps73, _props$controlProps74, _props$controlProps75, _props$controlProps76, _props$controlProps77, _defaultCurrentCallPr74, _defaultCurrentCallPr75, _props$controlProps78, _props$controlProps79, _defaultCurrentCallPr76, _defaultCurrentCallPr77, _props$controlProps80, _props$controlProps81, _props$controlProps82, _props$controlProps83, _defaultCurrentCallPr78, _defaultCurrentCallPr79, _props$controlProps84, _props$controlProps85, _defaultCurrentCallPr80, _defaultCurrentCallPr81, _props$controlProps86, _props$controlProps87, _props$controlProps88, _props$controlProps89, _props$controlProps90, _defaultCurrentCallPr82, _defaultCurrentCallPr83, _props$controlProps91, _props$controlProps92, _defaultCurrentCallPr84, _defaultCurrentCallPr85, _props$controlProps93, _props$controlProps94, _props$controlProps95, _props$controlProps96, _defaultCurrentCallPr86, _defaultCurrentCallPr87, _props$controlProps97, _props$controlProps98, _defaultCurrentCallPr88, _defaultCurrentCallPr89, _props$controlProps99, _props$controlProps100, _props$controlProps101;
|
|
36
36
|
|
|
37
37
|
const currentCallId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? ((_defaultCurrentCallPr = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr === void 0 ? void 0 : _defaultCurrentCallPr.id);
|
|
38
38
|
const endCallButtonId = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : (_props$controlProps2$ = _props$controlProps2.endCallButtonProps) === null || _props$controlProps2$ === void 0 ? void 0 : _props$controlProps2$.id) ?? ((_defaultCurrentCallPr2 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr2 === void 0 ? void 0 : (_defaultCurrentCallPr3 = _defaultCurrentCallPr2.endCallButtonProps) === null || _defaultCurrentCallPr3 === void 0 ? void 0 : _defaultCurrentCallPr3.id);
|
|
@@ -125,43 +125,46 @@ function CurrentCall(props) {
|
|
|
125
125
|
const callTimerProps = Object.assign({}, (_defaultCurrentCallPr60 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr60 === void 0 ? void 0 : _defaultCurrentCallPr60.callTimerProps, (_props$controlProps61 = props.controlProps) === null || _props$controlProps61 === void 0 ? void 0 : _props$controlProps61.callTimerProps);
|
|
126
126
|
const endCallButtonStyles = Object.assign({}, (_defaultCurrentCallPr61 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr61 === void 0 ? void 0 : _defaultCurrentCallPr61.endCallButtonStyleProps, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.endCallButtonStyleProps);
|
|
127
127
|
const endCallButtonHoverStyles = Object.assign({}, (_defaultCurrentCallPr62 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr62 === void 0 ? void 0 : _defaultCurrentCallPr62.endCallButtonHoverStyleProps, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.endCallButtonHoverStyleProps);
|
|
128
|
+
const remoteVideoStyles = {
|
|
129
|
+
root: Object.assign({}, (_defaultCurrentCallPr63 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr63 === void 0 ? void 0 : _defaultCurrentCallPr63.remoteVideoStyleProps, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.remoteVideoStyleProps)
|
|
130
|
+
};
|
|
128
131
|
let selfVideoStyles = {
|
|
129
|
-
root: Object.assign({}, (
|
|
132
|
+
root: Object.assign({}, (_defaultCurrentCallPr64 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr64 === void 0 ? void 0 : _defaultCurrentCallPr64.selfVideoStyleProps, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.selfVideoStyleProps)
|
|
130
133
|
};
|
|
131
134
|
|
|
132
135
|
if (hideRemoteVideo && !hideSelfVideo) {
|
|
133
|
-
var
|
|
136
|
+
var _defaultCurrentCallPr65, _props$styleProps6;
|
|
134
137
|
|
|
135
138
|
selfVideoStyles = {
|
|
136
|
-
root: Object.assign({}, (
|
|
139
|
+
root: Object.assign({}, (_defaultCurrentCallPr65 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr65 === void 0 ? void 0 : _defaultCurrentCallPr65.selfVideoMaximizeStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.selfVideoMaximizeStyleProps)
|
|
137
140
|
};
|
|
138
141
|
}
|
|
139
142
|
|
|
140
143
|
let videoTileStackStyles;
|
|
141
144
|
|
|
142
145
|
if (hideVideoDialog) {
|
|
143
|
-
var
|
|
146
|
+
var _defaultCurrentCallPr66, _props$styleProps7;
|
|
144
147
|
|
|
145
148
|
videoTileStackStyles = {
|
|
146
|
-
root: Object.assign({}, (
|
|
149
|
+
root: Object.assign({}, (_defaultCurrentCallPr66 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr66 === void 0 ? void 0 : _defaultCurrentCallPr66.videoTileStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.videoTileStyleProps)
|
|
147
150
|
};
|
|
148
151
|
} else {
|
|
149
|
-
var
|
|
152
|
+
var _defaultCurrentCallPr67, _props$styleProps8;
|
|
150
153
|
|
|
151
154
|
videoTileStackStyles = {
|
|
152
|
-
root: Object.assign({}, (
|
|
155
|
+
root: Object.assign({}, (_defaultCurrentCallPr67 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr67 === void 0 ? void 0 : _defaultCurrentCallPr67.videoTileStyleWithVideoProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.videoTileStyleWithVideoProps)
|
|
153
156
|
};
|
|
154
157
|
}
|
|
155
158
|
|
|
156
159
|
const videoOffButtonStyles = {
|
|
157
|
-
root: Object.assign({}, (
|
|
158
|
-
rootFocused: Object.assign({}, (
|
|
160
|
+
root: Object.assign({}, (_defaultCurrentCallPr68 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr68 === void 0 ? void 0 : _defaultCurrentCallPr68.videoOffButtonStyleProps, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.videoOffButtonStyleProps),
|
|
161
|
+
rootFocused: Object.assign({}, (_defaultCurrentCallPr69 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr69 === void 0 ? void 0 : _defaultCurrentCallPr69.itemFocusStyleProps, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.itemFocusStyleProps)
|
|
159
162
|
};
|
|
160
163
|
const micOffButtonStyles = {
|
|
161
|
-
root: Object.assign({}, (
|
|
162
|
-
rootFocused: Object.assign({}, (
|
|
164
|
+
root: Object.assign({}, (_defaultCurrentCallPr70 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr70 === void 0 ? void 0 : _defaultCurrentCallPr70.micButtonStyleProps, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.micButtonStyleProps),
|
|
165
|
+
rootFocused: Object.assign({}, (_defaultCurrentCallPr71 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr71 === void 0 ? void 0 : _defaultCurrentCallPr71.itemFocusStyleProps, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.itemFocusStyleProps)
|
|
163
166
|
};
|
|
164
|
-
const CurrentCallItemFocusStyles = Object.assign({}, (
|
|
167
|
+
const CurrentCallItemFocusStyles = Object.assign({}, (_defaultCurrentCallPr72 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr72 === void 0 ? void 0 : _defaultCurrentCallPr72.itemFocusStyleProps, (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.itemFocusStyleProps);
|
|
165
168
|
const endCallCustomEvent = {
|
|
166
169
|
elementType: _Constants.ElementType.CurrentCallEndCallButton,
|
|
167
170
|
elementId: endCallButtonId,
|
|
@@ -212,7 +215,7 @@ function CurrentCall(props) {
|
|
|
212
215
|
(_props$controlProps67 = props.controlProps) === null || _props$controlProps67 === void 0 ? void 0 : _props$controlProps67.onMicCallClick();
|
|
213
216
|
}
|
|
214
217
|
}, []);
|
|
215
|
-
const hideCallTimer = ((_props$controlProps68 = props.controlProps) === null || _props$controlProps68 === void 0 ? void 0 : _props$controlProps68.hideCallTimer) ?? ((
|
|
218
|
+
const hideCallTimer = ((_props$controlProps68 = props.controlProps) === null || _props$controlProps68 === void 0 ? void 0 : _props$controlProps68.hideCallTimer) ?? ((_defaultCurrentCallPr73 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr73 === void 0 ? void 0 : _defaultCurrentCallPr73.hideCallTimer);
|
|
216
219
|
(0, React.useEffect)(() => {
|
|
217
220
|
const endCallShortcut = e => e.key === _Constants.KeyCodes.ENTER;
|
|
218
221
|
|
|
@@ -244,7 +247,7 @@ function CurrentCall(props) {
|
|
|
244
247
|
};
|
|
245
248
|
}, []);
|
|
246
249
|
return /*#__PURE__*/React.createElement(_react2.Stack, {
|
|
247
|
-
className: (_props$
|
|
250
|
+
className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.classNames) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.currentCallComponentClassName,
|
|
248
251
|
horizontalAlign: "space-between",
|
|
249
252
|
styles: stackStyles,
|
|
250
253
|
id: currentCallId,
|
|
@@ -252,17 +255,18 @@ function CurrentCall(props) {
|
|
|
252
255
|
}, /*#__PURE__*/React.createElement(_react2.Stack, {
|
|
253
256
|
styles: videoTileStackStyles,
|
|
254
257
|
id: videoTileId,
|
|
255
|
-
className: (_props$
|
|
258
|
+
className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.classNames) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.videoTileGroupClassName
|
|
256
259
|
}, /*#__PURE__*/React.createElement(_react2.Stack, {
|
|
260
|
+
styles: remoteVideoStyles,
|
|
257
261
|
id: remoteVideoTileId,
|
|
258
|
-
className: (_props$
|
|
262
|
+
className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.classNames) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.remoteVideoTileClassName
|
|
259
263
|
}), /*#__PURE__*/React.createElement(_react2.Stack, {
|
|
260
264
|
styles: selfVideoStyles,
|
|
261
265
|
id: selfVideoTileId,
|
|
262
|
-
className: (_props$
|
|
266
|
+
className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.classNames) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.selfVideoTileClassName
|
|
263
267
|
})), /*#__PURE__*/React.createElement(_react2.Stack, {
|
|
264
268
|
horizontal: true,
|
|
265
|
-
className: (_props$
|
|
269
|
+
className: (_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 ? void 0 : (_props$styleProps18$c = _props$styleProps18.classNames) === null || _props$styleProps18$c === void 0 ? void 0 : _props$styleProps18$c.currentCallfooterClassName,
|
|
266
270
|
horizontalAlign: "space-between",
|
|
267
271
|
styles: stackStyles,
|
|
268
272
|
dir: dir
|
|
@@ -287,9 +291,9 @@ function CurrentCall(props) {
|
|
|
287
291
|
allowDisabledFocus: true,
|
|
288
292
|
disabled: (_props$controlProps74 = props.controlProps) === null || _props$controlProps74 === void 0 ? void 0 : (_props$controlProps75 = _props$controlProps74.videoButtonProps) === null || _props$controlProps75 === void 0 ? void 0 : _props$controlProps75.disabled,
|
|
289
293
|
styles: videoOffButtonStyles,
|
|
290
|
-
ariaLabel: hideSelfVideo ? ((_props$controlProps76 = props.controlProps) === null || _props$controlProps76 === void 0 ? void 0 : (_props$controlProps77 = _props$controlProps76.videoButtonProps) === null || _props$controlProps77 === void 0 ? void 0 : _props$controlProps77.ariaLabel) ?? ((
|
|
294
|
+
ariaLabel: hideSelfVideo ? ((_props$controlProps76 = props.controlProps) === null || _props$controlProps76 === void 0 ? void 0 : (_props$controlProps77 = _props$controlProps76.videoButtonProps) === null || _props$controlProps77 === void 0 ? void 0 : _props$controlProps77.ariaLabel) ?? ((_defaultCurrentCallPr74 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr74 === void 0 ? void 0 : (_defaultCurrentCallPr75 = _defaultCurrentCallPr74.videoButtonProps) === null || _defaultCurrentCallPr75 === void 0 ? void 0 : _defaultCurrentCallPr75.ariaLabel) : ((_props$controlProps78 = props.controlProps) === null || _props$controlProps78 === void 0 ? void 0 : (_props$controlProps79 = _props$controlProps78.videoButtonProps) === null || _props$controlProps79 === void 0 ? void 0 : _props$controlProps79.toggleAriaLabel) ?? ((_defaultCurrentCallPr76 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr76 === void 0 ? void 0 : (_defaultCurrentCallPr77 = _defaultCurrentCallPr76.videoButtonProps) === null || _defaultCurrentCallPr77 === void 0 ? void 0 : _defaultCurrentCallPr77.toggleAriaLabel),
|
|
291
295
|
className: (_props$controlProps80 = props.controlProps) === null || _props$controlProps80 === void 0 ? void 0 : (_props$controlProps81 = _props$controlProps80.videoButtonProps) === null || _props$controlProps81 === void 0 ? void 0 : _props$controlProps81.className,
|
|
292
|
-
title: hideSelfVideo ? ((_props$controlProps82 = props.controlProps) === null || _props$controlProps82 === void 0 ? void 0 : (_props$controlProps83 = _props$controlProps82.videoButtonProps) === null || _props$controlProps83 === void 0 ? void 0 : _props$controlProps83.ariaLabel) ?? ((
|
|
296
|
+
title: hideSelfVideo ? ((_props$controlProps82 = props.controlProps) === null || _props$controlProps82 === void 0 ? void 0 : (_props$controlProps83 = _props$controlProps82.videoButtonProps) === null || _props$controlProps83 === void 0 ? void 0 : _props$controlProps83.ariaLabel) ?? ((_defaultCurrentCallPr78 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr78 === void 0 ? void 0 : (_defaultCurrentCallPr79 = _defaultCurrentCallPr78.videoButtonProps) === null || _defaultCurrentCallPr79 === void 0 ? void 0 : _defaultCurrentCallPr79.ariaLabel) : ((_props$controlProps84 = props.controlProps) === null || _props$controlProps84 === void 0 ? void 0 : (_props$controlProps85 = _props$controlProps84.videoButtonProps) === null || _props$controlProps85 === void 0 ? void 0 : _props$controlProps85.toggleAriaLabel) ?? ((_defaultCurrentCallPr80 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr80 === void 0 ? void 0 : (_defaultCurrentCallPr81 = _defaultCurrentCallPr80.videoButtonProps) === null || _defaultCurrentCallPr81 === void 0 ? void 0 : _defaultCurrentCallPr81.toggleAriaLabel)
|
|
293
297
|
}), !((_props$controlProps86 = props.controlProps) !== null && _props$controlProps86 !== void 0 && _props$controlProps86.hideMicButton) && /*#__PURE__*/React.createElement(_react2.IconButton, {
|
|
294
298
|
id: micButtonId,
|
|
295
299
|
toggle: true,
|
|
@@ -298,9 +302,9 @@ function CurrentCall(props) {
|
|
|
298
302
|
allowDisabledFocus: true,
|
|
299
303
|
disabled: (_props$controlProps87 = props.controlProps) === null || _props$controlProps87 === void 0 ? void 0 : (_props$controlProps88 = _props$controlProps87.micButtonProps) === null || _props$controlProps88 === void 0 ? void 0 : _props$controlProps88.disabled,
|
|
300
304
|
styles: micOffButtonStyles,
|
|
301
|
-
ariaLabel: micState ? ((_props$controlProps89 = props.controlProps) === null || _props$controlProps89 === void 0 ? void 0 : (_props$controlProps90 = _props$controlProps89.micButtonProps) === null || _props$controlProps90 === void 0 ? void 0 : _props$controlProps90.toggleAriaLabel) ?? ((
|
|
305
|
+
ariaLabel: micState ? ((_props$controlProps89 = props.controlProps) === null || _props$controlProps89 === void 0 ? void 0 : (_props$controlProps90 = _props$controlProps89.micButtonProps) === null || _props$controlProps90 === void 0 ? void 0 : _props$controlProps90.toggleAriaLabel) ?? ((_defaultCurrentCallPr82 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr82 === void 0 ? void 0 : (_defaultCurrentCallPr83 = _defaultCurrentCallPr82.micButtonProps) === null || _defaultCurrentCallPr83 === void 0 ? void 0 : _defaultCurrentCallPr83.toggleAriaLabel) : ((_props$controlProps91 = props.controlProps) === null || _props$controlProps91 === void 0 ? void 0 : (_props$controlProps92 = _props$controlProps91.micButtonProps) === null || _props$controlProps92 === void 0 ? void 0 : _props$controlProps92.ariaLabel) ?? ((_defaultCurrentCallPr84 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr84 === void 0 ? void 0 : (_defaultCurrentCallPr85 = _defaultCurrentCallPr84.micButtonProps) === null || _defaultCurrentCallPr85 === void 0 ? void 0 : _defaultCurrentCallPr85.ariaLabel),
|
|
302
306
|
className: (_props$controlProps93 = props.controlProps) === null || _props$controlProps93 === void 0 ? void 0 : (_props$controlProps94 = _props$controlProps93.micButtonProps) === null || _props$controlProps94 === void 0 ? void 0 : _props$controlProps94.className,
|
|
303
|
-
title: micState ? ((_props$controlProps95 = props.controlProps) === null || _props$controlProps95 === void 0 ? void 0 : (_props$controlProps96 = _props$controlProps95.micButtonProps) === null || _props$controlProps96 === void 0 ? void 0 : _props$controlProps96.toggleAriaLabel) ?? ((
|
|
307
|
+
title: micState ? ((_props$controlProps95 = props.controlProps) === null || _props$controlProps95 === void 0 ? void 0 : (_props$controlProps96 = _props$controlProps95.micButtonProps) === null || _props$controlProps96 === void 0 ? void 0 : _props$controlProps96.toggleAriaLabel) ?? ((_defaultCurrentCallPr86 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr86 === void 0 ? void 0 : (_defaultCurrentCallPr87 = _defaultCurrentCallPr86.micButtonProps) === null || _defaultCurrentCallPr87 === void 0 ? void 0 : _defaultCurrentCallPr87.toggleAriaLabel) : ((_props$controlProps97 = props.controlProps) === null || _props$controlProps97 === void 0 ? void 0 : (_props$controlProps98 = _props$controlProps97.micButtonProps) === null || _props$controlProps98 === void 0 ? void 0 : _props$controlProps98.ariaLabel) ?? ((_defaultCurrentCallPr88 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr88 === void 0 ? void 0 : (_defaultCurrentCallPr89 = _defaultCurrentCallPr88.micButtonProps) === null || _defaultCurrentCallPr89 === void 0 ? void 0 : _defaultCurrentCallPr89.ariaLabel)
|
|
304
308
|
}), !((_props$controlProps99 = props.controlProps) !== null && _props$controlProps99 !== void 0 && _props$controlProps99.hideEndCallButton) && /*#__PURE__*/React.createElement(_CommandButton.default, _extends({}, endCallButtonProps, {
|
|
305
309
|
onClick: handleEndCallClick,
|
|
306
310
|
id: endCallButtonId,
|
|
@@ -12,7 +12,7 @@ import { useBoolean } from "@fluentui/react-hooks";
|
|
|
12
12
|
import { useCallback, useEffect } from "react";
|
|
13
13
|
|
|
14
14
|
function CurrentCall(props) {
|
|
15
|
-
var _props$controlProps, _defaultCurrentCallPr, _props$controlProps2, _props$controlProps2$, _defaultCurrentCallPr2, _defaultCurrentCallPr3, _props$controlProps3, _props$controlProps3$, _defaultCurrentCallPr4, _defaultCurrentCallPr5, _props$controlProps4, _props$controlProps4$, _defaultCurrentCallPr6, _defaultCurrentCallPr7, _props$controlProps5, _props$controlProps5$, _defaultCurrentCallPr8, _defaultCurrentCallPr9, _props$controlProps6, _props$controlProps6$, _defaultCurrentCallPr10, _defaultCurrentCallPr11, _props$controlProps7, _props$controlProps7$, _defaultCurrentCallPr12, _defaultCurrentCallPr13, _props$controlProps8, _props$controlProps8$, _defaultCurrentCallPr14, _defaultCurrentCallPr15, _props$controlProps9, _props$controlProps10, _defaultCurrentCallPr16, _defaultCurrentCallPr17, _props$styleProps, _props$controlProps11, _props$controlProps12, _defaultCurrentCallPr18, _defaultCurrentCallPr19, _props$controlProps13, _props$controlProps14, _defaultCurrentCallPr20, _defaultCurrentCallPr21, _props$controlProps15, _props$controlProps16, _defaultCurrentCallPr22, _defaultCurrentCallPr23, _props$controlProps17, _props$controlProps18, _props$controlProps19, _props$controlProps20, _defaultCurrentCallPr24, _defaultCurrentCallPr25, _props$controlProps21, _props$controlProps22, _defaultCurrentCallPr26, _defaultCurrentCallPr27, _props$controlProps23, _props$controlProps24, _defaultCurrentCallPr28, _defaultCurrentCallPr29, _props$controlProps25, _props$controlProps26, _defaultCurrentCallPr30, _defaultCurrentCallPr31, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _defaultCurrentCallPr32, _defaultCurrentCallPr33, _props$controlProps31, _props$controlProps32, _defaultCurrentCallPr34, _defaultCurrentCallPr35, _props$controlProps33, _props$controlProps34, _defaultCurrentCallPr36, _defaultCurrentCallPr37, _props$controlProps35, _props$controlProps36, _defaultCurrentCallPr38, _defaultCurrentCallPr39, _props$controlProps37, _defaultCurrentCallPr40, _props$controlProps38, _defaultCurrentCallPr41, _props$controlProps39, _defaultCurrentCallPr42, _props$controlProps40, _props$controlProps41, _props$controlProps42, _props$controlProps43, _defaultCurrentCallPr43, _defaultCurrentCallPr44, _props$controlProps44, _props$controlProps45, _defaultCurrentCallPr45, _defaultCurrentCallPr46, _props$controlProps46, _props$controlProps47, _defaultCurrentCallPr47, _defaultCurrentCallPr48, _props$controlProps48, _props$controlProps49, _defaultCurrentCallPr49, _defaultCurrentCallPr50, _props$controlProps50, _props$controlProps51, _props$controlProps52, _props$controlProps53, _defaultCurrentCallPr51, _defaultCurrentCallPr52, _props$controlProps54, _props$controlProps55, _defaultCurrentCallPr53, _defaultCurrentCallPr54, _props$controlProps56, _props$controlProps57, _defaultCurrentCallPr55, _defaultCurrentCallPr56, _props$controlProps58, _props$controlProps59, _defaultCurrentCallPr57, _defaultCurrentCallPr58, _defaultCurrentCallPr59, _props$controlProps60, _defaultCurrentCallPr60, _props$controlProps61, _defaultCurrentCallPr61, _props$styleProps2, _defaultCurrentCallPr62, _props$styleProps3, _defaultCurrentCallPr63, _props$styleProps4,
|
|
15
|
+
var _props$controlProps, _defaultCurrentCallPr, _props$controlProps2, _props$controlProps2$, _defaultCurrentCallPr2, _defaultCurrentCallPr3, _props$controlProps3, _props$controlProps3$, _defaultCurrentCallPr4, _defaultCurrentCallPr5, _props$controlProps4, _props$controlProps4$, _defaultCurrentCallPr6, _defaultCurrentCallPr7, _props$controlProps5, _props$controlProps5$, _defaultCurrentCallPr8, _defaultCurrentCallPr9, _props$controlProps6, _props$controlProps6$, _defaultCurrentCallPr10, _defaultCurrentCallPr11, _props$controlProps7, _props$controlProps7$, _defaultCurrentCallPr12, _defaultCurrentCallPr13, _props$controlProps8, _props$controlProps8$, _defaultCurrentCallPr14, _defaultCurrentCallPr15, _props$controlProps9, _props$controlProps10, _defaultCurrentCallPr16, _defaultCurrentCallPr17, _props$styleProps, _props$controlProps11, _props$controlProps12, _defaultCurrentCallPr18, _defaultCurrentCallPr19, _props$controlProps13, _props$controlProps14, _defaultCurrentCallPr20, _defaultCurrentCallPr21, _props$controlProps15, _props$controlProps16, _defaultCurrentCallPr22, _defaultCurrentCallPr23, _props$controlProps17, _props$controlProps18, _props$controlProps19, _props$controlProps20, _defaultCurrentCallPr24, _defaultCurrentCallPr25, _props$controlProps21, _props$controlProps22, _defaultCurrentCallPr26, _defaultCurrentCallPr27, _props$controlProps23, _props$controlProps24, _defaultCurrentCallPr28, _defaultCurrentCallPr29, _props$controlProps25, _props$controlProps26, _defaultCurrentCallPr30, _defaultCurrentCallPr31, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _defaultCurrentCallPr32, _defaultCurrentCallPr33, _props$controlProps31, _props$controlProps32, _defaultCurrentCallPr34, _defaultCurrentCallPr35, _props$controlProps33, _props$controlProps34, _defaultCurrentCallPr36, _defaultCurrentCallPr37, _props$controlProps35, _props$controlProps36, _defaultCurrentCallPr38, _defaultCurrentCallPr39, _props$controlProps37, _defaultCurrentCallPr40, _props$controlProps38, _defaultCurrentCallPr41, _props$controlProps39, _defaultCurrentCallPr42, _props$controlProps40, _props$controlProps41, _props$controlProps42, _props$controlProps43, _defaultCurrentCallPr43, _defaultCurrentCallPr44, _props$controlProps44, _props$controlProps45, _defaultCurrentCallPr45, _defaultCurrentCallPr46, _props$controlProps46, _props$controlProps47, _defaultCurrentCallPr47, _defaultCurrentCallPr48, _props$controlProps48, _props$controlProps49, _defaultCurrentCallPr49, _defaultCurrentCallPr50, _props$controlProps50, _props$controlProps51, _props$controlProps52, _props$controlProps53, _defaultCurrentCallPr51, _defaultCurrentCallPr52, _props$controlProps54, _props$controlProps55, _defaultCurrentCallPr53, _defaultCurrentCallPr54, _props$controlProps56, _props$controlProps57, _defaultCurrentCallPr55, _defaultCurrentCallPr56, _props$controlProps58, _props$controlProps59, _defaultCurrentCallPr57, _defaultCurrentCallPr58, _defaultCurrentCallPr59, _props$controlProps60, _defaultCurrentCallPr60, _props$controlProps61, _defaultCurrentCallPr61, _props$styleProps2, _defaultCurrentCallPr62, _props$styleProps3, _defaultCurrentCallPr63, _props$styleProps4, _defaultCurrentCallPr64, _props$styleProps5, _defaultCurrentCallPr68, _props$styleProps9, _defaultCurrentCallPr69, _props$styleProps10, _defaultCurrentCallPr70, _props$styleProps11, _defaultCurrentCallPr71, _props$styleProps12, _defaultCurrentCallPr72, _props$styleProps13, _props$controlProps68, _defaultCurrentCallPr73, _props$styleProps14, _props$styleProps14$c, _props$styleProps15, _props$styleProps15$c, _props$styleProps16, _props$styleProps16$c, _props$styleProps17, _props$styleProps17$c, _props$styleProps18, _props$styleProps18$c, _props$controlProps69, _props$controlProps70, _props$controlProps71, _props$controlProps72, _props$controlProps73, _props$controlProps74, _props$controlProps75, _props$controlProps76, _props$controlProps77, _defaultCurrentCallPr74, _defaultCurrentCallPr75, _props$controlProps78, _props$controlProps79, _defaultCurrentCallPr76, _defaultCurrentCallPr77, _props$controlProps80, _props$controlProps81, _props$controlProps82, _props$controlProps83, _defaultCurrentCallPr78, _defaultCurrentCallPr79, _props$controlProps84, _props$controlProps85, _defaultCurrentCallPr80, _defaultCurrentCallPr81, _props$controlProps86, _props$controlProps87, _props$controlProps88, _props$controlProps89, _props$controlProps90, _defaultCurrentCallPr82, _defaultCurrentCallPr83, _props$controlProps91, _props$controlProps92, _defaultCurrentCallPr84, _defaultCurrentCallPr85, _props$controlProps93, _props$controlProps94, _props$controlProps95, _props$controlProps96, _defaultCurrentCallPr86, _defaultCurrentCallPr87, _props$controlProps97, _props$controlProps98, _defaultCurrentCallPr88, _defaultCurrentCallPr89, _props$controlProps99, _props$controlProps100, _props$controlProps101;
|
|
16
16
|
|
|
17
17
|
const currentCallId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? ((_defaultCurrentCallPr = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr === void 0 ? void 0 : _defaultCurrentCallPr.id);
|
|
18
18
|
const endCallButtonId = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : (_props$controlProps2$ = _props$controlProps2.endCallButtonProps) === null || _props$controlProps2$ === void 0 ? void 0 : _props$controlProps2$.id) ?? ((_defaultCurrentCallPr2 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr2 === void 0 ? void 0 : (_defaultCurrentCallPr3 = _defaultCurrentCallPr2.endCallButtonProps) === null || _defaultCurrentCallPr3 === void 0 ? void 0 : _defaultCurrentCallPr3.id);
|
|
@@ -105,43 +105,46 @@ function CurrentCall(props) {
|
|
|
105
105
|
const callTimerProps = Object.assign({}, (_defaultCurrentCallPr60 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr60 === void 0 ? void 0 : _defaultCurrentCallPr60.callTimerProps, (_props$controlProps61 = props.controlProps) === null || _props$controlProps61 === void 0 ? void 0 : _props$controlProps61.callTimerProps);
|
|
106
106
|
const endCallButtonStyles = Object.assign({}, (_defaultCurrentCallPr61 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr61 === void 0 ? void 0 : _defaultCurrentCallPr61.endCallButtonStyleProps, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.endCallButtonStyleProps);
|
|
107
107
|
const endCallButtonHoverStyles = Object.assign({}, (_defaultCurrentCallPr62 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr62 === void 0 ? void 0 : _defaultCurrentCallPr62.endCallButtonHoverStyleProps, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.endCallButtonHoverStyleProps);
|
|
108
|
+
const remoteVideoStyles = {
|
|
109
|
+
root: Object.assign({}, (_defaultCurrentCallPr63 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr63 === void 0 ? void 0 : _defaultCurrentCallPr63.remoteVideoStyleProps, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.remoteVideoStyleProps)
|
|
110
|
+
};
|
|
108
111
|
let selfVideoStyles = {
|
|
109
|
-
root: Object.assign({}, (
|
|
112
|
+
root: Object.assign({}, (_defaultCurrentCallPr64 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr64 === void 0 ? void 0 : _defaultCurrentCallPr64.selfVideoStyleProps, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.selfVideoStyleProps)
|
|
110
113
|
};
|
|
111
114
|
|
|
112
115
|
if (hideRemoteVideo && !hideSelfVideo) {
|
|
113
|
-
var
|
|
116
|
+
var _defaultCurrentCallPr65, _props$styleProps6;
|
|
114
117
|
|
|
115
118
|
selfVideoStyles = {
|
|
116
|
-
root: Object.assign({}, (
|
|
119
|
+
root: Object.assign({}, (_defaultCurrentCallPr65 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr65 === void 0 ? void 0 : _defaultCurrentCallPr65.selfVideoMaximizeStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.selfVideoMaximizeStyleProps)
|
|
117
120
|
};
|
|
118
121
|
}
|
|
119
122
|
|
|
120
123
|
let videoTileStackStyles;
|
|
121
124
|
|
|
122
125
|
if (hideVideoDialog) {
|
|
123
|
-
var
|
|
126
|
+
var _defaultCurrentCallPr66, _props$styleProps7;
|
|
124
127
|
|
|
125
128
|
videoTileStackStyles = {
|
|
126
|
-
root: Object.assign({}, (
|
|
129
|
+
root: Object.assign({}, (_defaultCurrentCallPr66 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr66 === void 0 ? void 0 : _defaultCurrentCallPr66.videoTileStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.videoTileStyleProps)
|
|
127
130
|
};
|
|
128
131
|
} else {
|
|
129
|
-
var
|
|
132
|
+
var _defaultCurrentCallPr67, _props$styleProps8;
|
|
130
133
|
|
|
131
134
|
videoTileStackStyles = {
|
|
132
|
-
root: Object.assign({}, (
|
|
135
|
+
root: Object.assign({}, (_defaultCurrentCallPr67 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr67 === void 0 ? void 0 : _defaultCurrentCallPr67.videoTileStyleWithVideoProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.videoTileStyleWithVideoProps)
|
|
133
136
|
};
|
|
134
137
|
}
|
|
135
138
|
|
|
136
139
|
const videoOffButtonStyles = {
|
|
137
|
-
root: Object.assign({}, (
|
|
138
|
-
rootFocused: Object.assign({}, (
|
|
140
|
+
root: Object.assign({}, (_defaultCurrentCallPr68 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr68 === void 0 ? void 0 : _defaultCurrentCallPr68.videoOffButtonStyleProps, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.videoOffButtonStyleProps),
|
|
141
|
+
rootFocused: Object.assign({}, (_defaultCurrentCallPr69 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr69 === void 0 ? void 0 : _defaultCurrentCallPr69.itemFocusStyleProps, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.itemFocusStyleProps)
|
|
139
142
|
};
|
|
140
143
|
const micOffButtonStyles = {
|
|
141
|
-
root: Object.assign({}, (
|
|
142
|
-
rootFocused: Object.assign({}, (
|
|
144
|
+
root: Object.assign({}, (_defaultCurrentCallPr70 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr70 === void 0 ? void 0 : _defaultCurrentCallPr70.micButtonStyleProps, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.micButtonStyleProps),
|
|
145
|
+
rootFocused: Object.assign({}, (_defaultCurrentCallPr71 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr71 === void 0 ? void 0 : _defaultCurrentCallPr71.itemFocusStyleProps, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.itemFocusStyleProps)
|
|
143
146
|
};
|
|
144
|
-
const CurrentCallItemFocusStyles = Object.assign({}, (
|
|
147
|
+
const CurrentCallItemFocusStyles = Object.assign({}, (_defaultCurrentCallPr72 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr72 === void 0 ? void 0 : _defaultCurrentCallPr72.itemFocusStyleProps, (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.itemFocusStyleProps);
|
|
145
148
|
const endCallCustomEvent = {
|
|
146
149
|
elementType: ElementType.CurrentCallEndCallButton,
|
|
147
150
|
elementId: endCallButtonId,
|
|
@@ -188,7 +191,7 @@ function CurrentCall(props) {
|
|
|
188
191
|
(_props$controlProps67 = props.controlProps) === null || _props$controlProps67 === void 0 ? void 0 : _props$controlProps67.onMicCallClick();
|
|
189
192
|
}
|
|
190
193
|
}, []);
|
|
191
|
-
const hideCallTimer = ((_props$controlProps68 = props.controlProps) === null || _props$controlProps68 === void 0 ? void 0 : _props$controlProps68.hideCallTimer) ?? ((
|
|
194
|
+
const hideCallTimer = ((_props$controlProps68 = props.controlProps) === null || _props$controlProps68 === void 0 ? void 0 : _props$controlProps68.hideCallTimer) ?? ((_defaultCurrentCallPr73 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr73 === void 0 ? void 0 : _defaultCurrentCallPr73.hideCallTimer);
|
|
192
195
|
useEffect(() => {
|
|
193
196
|
const endCallShortcut = e => e.key === KeyCodes.ENTER;
|
|
194
197
|
|
|
@@ -220,7 +223,7 @@ function CurrentCall(props) {
|
|
|
220
223
|
};
|
|
221
224
|
}, []);
|
|
222
225
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
223
|
-
className: (_props$
|
|
226
|
+
className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.classNames) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.currentCallComponentClassName,
|
|
224
227
|
horizontalAlign: "space-between",
|
|
225
228
|
styles: stackStyles,
|
|
226
229
|
id: currentCallId,
|
|
@@ -228,17 +231,18 @@ function CurrentCall(props) {
|
|
|
228
231
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
229
232
|
styles: videoTileStackStyles,
|
|
230
233
|
id: videoTileId,
|
|
231
|
-
className: (_props$
|
|
234
|
+
className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.classNames) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.videoTileGroupClassName
|
|
232
235
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
236
|
+
styles: remoteVideoStyles,
|
|
233
237
|
id: remoteVideoTileId,
|
|
234
|
-
className: (_props$
|
|
238
|
+
className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.classNames) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.remoteVideoTileClassName
|
|
235
239
|
}), /*#__PURE__*/React.createElement(Stack, {
|
|
236
240
|
styles: selfVideoStyles,
|
|
237
241
|
id: selfVideoTileId,
|
|
238
|
-
className: (_props$
|
|
242
|
+
className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.classNames) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.selfVideoTileClassName
|
|
239
243
|
})), /*#__PURE__*/React.createElement(Stack, {
|
|
240
244
|
horizontal: true,
|
|
241
|
-
className: (_props$
|
|
245
|
+
className: (_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 ? void 0 : (_props$styleProps18$c = _props$styleProps18.classNames) === null || _props$styleProps18$c === void 0 ? void 0 : _props$styleProps18$c.currentCallfooterClassName,
|
|
242
246
|
horizontalAlign: "space-between",
|
|
243
247
|
styles: stackStyles,
|
|
244
248
|
dir: dir
|
|
@@ -263,9 +267,9 @@ function CurrentCall(props) {
|
|
|
263
267
|
allowDisabledFocus: true,
|
|
264
268
|
disabled: (_props$controlProps74 = props.controlProps) === null || _props$controlProps74 === void 0 ? void 0 : (_props$controlProps75 = _props$controlProps74.videoButtonProps) === null || _props$controlProps75 === void 0 ? void 0 : _props$controlProps75.disabled,
|
|
265
269
|
styles: videoOffButtonStyles,
|
|
266
|
-
ariaLabel: hideSelfVideo ? ((_props$controlProps76 = props.controlProps) === null || _props$controlProps76 === void 0 ? void 0 : (_props$controlProps77 = _props$controlProps76.videoButtonProps) === null || _props$controlProps77 === void 0 ? void 0 : _props$controlProps77.ariaLabel) ?? ((
|
|
270
|
+
ariaLabel: hideSelfVideo ? ((_props$controlProps76 = props.controlProps) === null || _props$controlProps76 === void 0 ? void 0 : (_props$controlProps77 = _props$controlProps76.videoButtonProps) === null || _props$controlProps77 === void 0 ? void 0 : _props$controlProps77.ariaLabel) ?? ((_defaultCurrentCallPr74 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr74 === void 0 ? void 0 : (_defaultCurrentCallPr75 = _defaultCurrentCallPr74.videoButtonProps) === null || _defaultCurrentCallPr75 === void 0 ? void 0 : _defaultCurrentCallPr75.ariaLabel) : ((_props$controlProps78 = props.controlProps) === null || _props$controlProps78 === void 0 ? void 0 : (_props$controlProps79 = _props$controlProps78.videoButtonProps) === null || _props$controlProps79 === void 0 ? void 0 : _props$controlProps79.toggleAriaLabel) ?? ((_defaultCurrentCallPr76 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr76 === void 0 ? void 0 : (_defaultCurrentCallPr77 = _defaultCurrentCallPr76.videoButtonProps) === null || _defaultCurrentCallPr77 === void 0 ? void 0 : _defaultCurrentCallPr77.toggleAriaLabel),
|
|
267
271
|
className: (_props$controlProps80 = props.controlProps) === null || _props$controlProps80 === void 0 ? void 0 : (_props$controlProps81 = _props$controlProps80.videoButtonProps) === null || _props$controlProps81 === void 0 ? void 0 : _props$controlProps81.className,
|
|
268
|
-
title: hideSelfVideo ? ((_props$controlProps82 = props.controlProps) === null || _props$controlProps82 === void 0 ? void 0 : (_props$controlProps83 = _props$controlProps82.videoButtonProps) === null || _props$controlProps83 === void 0 ? void 0 : _props$controlProps83.ariaLabel) ?? ((
|
|
272
|
+
title: hideSelfVideo ? ((_props$controlProps82 = props.controlProps) === null || _props$controlProps82 === void 0 ? void 0 : (_props$controlProps83 = _props$controlProps82.videoButtonProps) === null || _props$controlProps83 === void 0 ? void 0 : _props$controlProps83.ariaLabel) ?? ((_defaultCurrentCallPr78 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr78 === void 0 ? void 0 : (_defaultCurrentCallPr79 = _defaultCurrentCallPr78.videoButtonProps) === null || _defaultCurrentCallPr79 === void 0 ? void 0 : _defaultCurrentCallPr79.ariaLabel) : ((_props$controlProps84 = props.controlProps) === null || _props$controlProps84 === void 0 ? void 0 : (_props$controlProps85 = _props$controlProps84.videoButtonProps) === null || _props$controlProps85 === void 0 ? void 0 : _props$controlProps85.toggleAriaLabel) ?? ((_defaultCurrentCallPr80 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr80 === void 0 ? void 0 : (_defaultCurrentCallPr81 = _defaultCurrentCallPr80.videoButtonProps) === null || _defaultCurrentCallPr81 === void 0 ? void 0 : _defaultCurrentCallPr81.toggleAriaLabel)
|
|
269
273
|
}), !((_props$controlProps86 = props.controlProps) !== null && _props$controlProps86 !== void 0 && _props$controlProps86.hideMicButton) && /*#__PURE__*/React.createElement(IconButton, {
|
|
270
274
|
id: micButtonId,
|
|
271
275
|
toggle: true,
|
|
@@ -274,9 +278,9 @@ function CurrentCall(props) {
|
|
|
274
278
|
allowDisabledFocus: true,
|
|
275
279
|
disabled: (_props$controlProps87 = props.controlProps) === null || _props$controlProps87 === void 0 ? void 0 : (_props$controlProps88 = _props$controlProps87.micButtonProps) === null || _props$controlProps88 === void 0 ? void 0 : _props$controlProps88.disabled,
|
|
276
280
|
styles: micOffButtonStyles,
|
|
277
|
-
ariaLabel: micState ? ((_props$controlProps89 = props.controlProps) === null || _props$controlProps89 === void 0 ? void 0 : (_props$controlProps90 = _props$controlProps89.micButtonProps) === null || _props$controlProps90 === void 0 ? void 0 : _props$controlProps90.toggleAriaLabel) ?? ((
|
|
281
|
+
ariaLabel: micState ? ((_props$controlProps89 = props.controlProps) === null || _props$controlProps89 === void 0 ? void 0 : (_props$controlProps90 = _props$controlProps89.micButtonProps) === null || _props$controlProps90 === void 0 ? void 0 : _props$controlProps90.toggleAriaLabel) ?? ((_defaultCurrentCallPr82 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr82 === void 0 ? void 0 : (_defaultCurrentCallPr83 = _defaultCurrentCallPr82.micButtonProps) === null || _defaultCurrentCallPr83 === void 0 ? void 0 : _defaultCurrentCallPr83.toggleAriaLabel) : ((_props$controlProps91 = props.controlProps) === null || _props$controlProps91 === void 0 ? void 0 : (_props$controlProps92 = _props$controlProps91.micButtonProps) === null || _props$controlProps92 === void 0 ? void 0 : _props$controlProps92.ariaLabel) ?? ((_defaultCurrentCallPr84 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr84 === void 0 ? void 0 : (_defaultCurrentCallPr85 = _defaultCurrentCallPr84.micButtonProps) === null || _defaultCurrentCallPr85 === void 0 ? void 0 : _defaultCurrentCallPr85.ariaLabel),
|
|
278
282
|
className: (_props$controlProps93 = props.controlProps) === null || _props$controlProps93 === void 0 ? void 0 : (_props$controlProps94 = _props$controlProps93.micButtonProps) === null || _props$controlProps94 === void 0 ? void 0 : _props$controlProps94.className,
|
|
279
|
-
title: micState ? ((_props$controlProps95 = props.controlProps) === null || _props$controlProps95 === void 0 ? void 0 : (_props$controlProps96 = _props$controlProps95.micButtonProps) === null || _props$controlProps96 === void 0 ? void 0 : _props$controlProps96.toggleAriaLabel) ?? ((
|
|
283
|
+
title: micState ? ((_props$controlProps95 = props.controlProps) === null || _props$controlProps95 === void 0 ? void 0 : (_props$controlProps96 = _props$controlProps95.micButtonProps) === null || _props$controlProps96 === void 0 ? void 0 : _props$controlProps96.toggleAriaLabel) ?? ((_defaultCurrentCallPr86 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr86 === void 0 ? void 0 : (_defaultCurrentCallPr87 = _defaultCurrentCallPr86.micButtonProps) === null || _defaultCurrentCallPr87 === void 0 ? void 0 : _defaultCurrentCallPr87.toggleAriaLabel) : ((_props$controlProps97 = props.controlProps) === null || _props$controlProps97 === void 0 ? void 0 : (_props$controlProps98 = _props$controlProps97.micButtonProps) === null || _props$controlProps98 === void 0 ? void 0 : _props$controlProps98.ariaLabel) ?? ((_defaultCurrentCallPr88 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr88 === void 0 ? void 0 : (_defaultCurrentCallPr89 = _defaultCurrentCallPr88.micButtonProps) === null || _defaultCurrentCallPr89 === void 0 ? void 0 : _defaultCurrentCallPr89.ariaLabel)
|
|
280
284
|
}), !((_props$controlProps99 = props.controlProps) !== null && _props$controlProps99 !== void 0 && _props$controlProps99.hideEndCallButton) && /*#__PURE__*/React.createElement(CommandButton, _extends({}, endCallButtonProps, {
|
|
281
285
|
onClick: handleEndCallClick,
|
|
282
286
|
id: endCallButtonId,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
import { ILabelControlProps } from "../../../../common/interfaces/ILabelControlProps";
|
|
3
2
|
import { ICurrentCallNonActionControlIds } from "./ICurrentCallNonActionControlIds";
|
|
4
3
|
import { ICommandButtonControlProps } from "../../../../common/interfaces/ICommandButtonControlProps";
|
|
5
4
|
import { ITimer } from "../../Timer/ITimer";
|
|
@@ -53,10 +52,6 @@ export interface ICurrentCallControlProps {
|
|
|
53
52
|
*/
|
|
54
53
|
hideEndCallButton?: boolean;
|
|
55
54
|
/**
|
|
56
|
-
* hide incoming call label
|
|
57
|
-
*/
|
|
58
|
-
hideCurrentCallTitle?: boolean;
|
|
59
|
-
/**
|
|
60
55
|
* Hide call timer
|
|
61
56
|
*/
|
|
62
57
|
hideCallTimer?: boolean;
|
|
@@ -101,10 +96,6 @@ export interface ICurrentCallControlProps {
|
|
|
101
96
|
*/
|
|
102
97
|
callTimerProps?: ITimer;
|
|
103
98
|
/**
|
|
104
|
-
* Incoming call label props
|
|
105
|
-
*/
|
|
106
|
-
videoCallTileProps?: ILabelControlProps;
|
|
107
|
-
/**
|
|
108
99
|
* Incoming call toast component to align right to left.
|
|
109
100
|
*/
|
|
110
101
|
dir?: "rtl" | "ltr" | "auto";
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
export interface ICurrentCallNonActionControlIds {
|
|
2
|
-
/**
|
|
3
|
-
* Current call component id
|
|
4
|
-
*/
|
|
5
|
-
currentCallComponentId?: string;
|
|
6
2
|
/**
|
|
7
3
|
* Video tiles container id
|
|
8
4
|
*/
|
|
9
5
|
videoTileGroupId?: string;
|
|
10
6
|
/**
|
|
11
|
-
*
|
|
7
|
+
* Remote video component id
|
|
12
8
|
*/
|
|
13
9
|
remoteVideoTileId?: string;
|
|
14
10
|
/**
|
package/package.json
CHANGED