@microsoft/omnichannel-chat-components 1.1.18 → 1.2.0-main.5692126

package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/CurrentCall.js

@@ -4,225 +4,196 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _react2 = require("@fluentui/react");
-
 var _BroadcastService = require("../../../../services/BroadcastService");
-
 var _CommandButton = _interopRequireDefault(require("../../../common/commandbutton/CommandButton"));
-
 var _Constants = require("../../../../common/Constants");
-
 var _Timer = _interopRequireDefault(require("../Timer/Timer"));
-
 var _defaultCurrentCallProps = require("./common/defaultProps/defaultCurrentCallProps");
-
 var _utils = require("../../../../common/utils");
-
 var _reactHooks = require("@fluentui/react-hooks");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function CurrentCall(props) {
-  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;
-
+  var _props$controlProps, _defaultCurrentCallPr, _props$controlProps2, _defaultCurrentCallPr2, _props$controlProps3, _defaultCurrentCallPr3, _props$controlProps4, _defaultCurrentCallPr4, _props$controlProps5, _defaultCurrentCallPr5, _props$controlProps6, _defaultCurrentCallPr6, _props$controlProps7, _defaultCurrentCallPr7, _props$controlProps8, _defaultCurrentCallPr8, _props$controlProps9, _props$controlProps0, _defaultCurrentCallPr9, _defaultCurrentCallPr0, _props$styleProps, _props$controlProps1, _defaultCurrentCallPr1, _props$controlProps10, _defaultCurrentCallPr10, _props$controlProps11, _defaultCurrentCallPr11, _props$controlProps12, _props$controlProps13, _defaultCurrentCallPr12, _props$controlProps14, _defaultCurrentCallPr13, _props$controlProps15, _defaultCurrentCallPr14, _props$controlProps16, _defaultCurrentCallPr15, _props$controlProps17, _props$controlProps18, _defaultCurrentCallPr16, _props$controlProps19, _defaultCurrentCallPr17, _props$controlProps20, _defaultCurrentCallPr18, _props$controlProps21, _defaultCurrentCallPr19, _props$controlProps22, _defaultCurrentCallPr20, _props$controlProps23, _defaultCurrentCallPr21, _props$controlProps24, _defaultCurrentCallPr22, _props$controlProps25, _props$controlProps26, _defaultCurrentCallPr23, _props$controlProps27, _defaultCurrentCallPr24, _props$controlProps28, _defaultCurrentCallPr25, _props$controlProps29, _defaultCurrentCallPr26, _props$controlProps30, _props$controlProps31, _defaultCurrentCallPr27, _props$controlProps32, _defaultCurrentCallPr28, _props$controlProps33, _defaultCurrentCallPr29, _props$controlProps34, _defaultCurrentCallPr30, _defaultCurrentCallPr31, _props$controlProps35, _defaultCurrentCallPr32, _props$controlProps36, _defaultCurrentCallPr33, _props$styleProps2, _defaultCurrentCallPr34, _props$styleProps3, _defaultCurrentCallPr35, _props$styleProps4, _defaultCurrentCallPr36, _props$styleProps5, _defaultCurrentCallPr40, _props$styleProps9, _defaultCurrentCallPr41, _props$styleProps0, _defaultCurrentCallPr42, _props$styleProps1, _defaultCurrentCallPr43, _props$styleProps10, _defaultCurrentCallPr44, _props$styleProps11, _props$controlProps43, _defaultCurrentCallPr45, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$styleProps15, _props$styleProps16, _props$controlProps44, _props$controlProps45, _props$controlProps46, _props$controlProps47, _props$controlProps48, _defaultCurrentCallPr46, _props$controlProps49, _defaultCurrentCallPr47, _props$controlProps50, _props$controlProps51, _defaultCurrentCallPr48, _props$controlProps52, _defaultCurrentCallPr49, _props$controlProps53, _props$controlProps54, _props$controlProps55, _defaultCurrentCallPr50, _props$controlProps56, _defaultCurrentCallPr51, _props$controlProps57, _props$controlProps58, _defaultCurrentCallPr52, _props$controlProps59, _defaultCurrentCallPr53, _props$controlProps60, _props$controlProps61;
   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);
-  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);
-  const micButtonId = ((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : (_props$controlProps3$ = _props$controlProps3.micButtonProps) === null || _props$controlProps3$ === void 0 ? void 0 : _props$controlProps3$.id) ?? ((_defaultCurrentCallPr4 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr4 === void 0 ? void 0 : (_defaultCurrentCallPr5 = _defaultCurrentCallPr4.micButtonProps) === null || _defaultCurrentCallPr5 === void 0 ? void 0 : _defaultCurrentCallPr5.id);
-  const videoOffButtonId = ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : (_props$controlProps4$ = _props$controlProps4.videoButtonProps) === null || _props$controlProps4$ === void 0 ? void 0 : _props$controlProps4$.id) ?? ((_defaultCurrentCallPr6 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr6 === void 0 ? void 0 : (_defaultCurrentCallPr7 = _defaultCurrentCallPr6.videoButtonProps) === null || _defaultCurrentCallPr7 === void 0 ? void 0 : _defaultCurrentCallPr7.id);
-  const callTimerId = ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : (_props$controlProps5$ = _props$controlProps5.callTimerProps) === null || _props$controlProps5$ === void 0 ? void 0 : _props$controlProps5$.id) ?? ((_defaultCurrentCallPr8 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr8 === void 0 ? void 0 : (_defaultCurrentCallPr9 = _defaultCurrentCallPr8.callTimerProps) === null || _defaultCurrentCallPr9 === void 0 ? void 0 : _defaultCurrentCallPr9.id);
-  const videoTileId = ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : (_props$controlProps6$ = _props$controlProps6.nonActionIds) === null || _props$controlProps6$ === void 0 ? void 0 : _props$controlProps6$.videoTileGroupId) ?? ((_defaultCurrentCallPr10 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr10 === void 0 ? void 0 : (_defaultCurrentCallPr11 = _defaultCurrentCallPr10.nonActionIds) === null || _defaultCurrentCallPr11 === void 0 ? void 0 : _defaultCurrentCallPr11.videoTileGroupId);
-  const remoteVideoTileId = ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : (_props$controlProps7$ = _props$controlProps7.nonActionIds) === null || _props$controlProps7$ === void 0 ? void 0 : _props$controlProps7$.remoteVideoTileId) ?? ((_defaultCurrentCallPr12 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr12 === void 0 ? void 0 : (_defaultCurrentCallPr13 = _defaultCurrentCallPr12.nonActionIds) === null || _defaultCurrentCallPr13 === void 0 ? void 0 : _defaultCurrentCallPr13.remoteVideoTileId);
-  const selfVideoTileId = ((_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 ? void 0 : (_props$controlProps8$ = _props$controlProps8.nonActionIds) === null || _props$controlProps8$ === void 0 ? void 0 : _props$controlProps8$.selfVideoTileId) ?? ((_defaultCurrentCallPr14 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr14 === void 0 ? void 0 : (_defaultCurrentCallPr15 = _defaultCurrentCallPr14.nonActionIds) === null || _defaultCurrentCallPr15 === void 0 ? void 0 : _defaultCurrentCallPr15.selfVideoTileId);
-  const dir = (_props$controlProps9 = props.controlProps) !== null && _props$controlProps9 !== void 0 && _props$controlProps9.dir ? (_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.dir : (_defaultCurrentCallPr16 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr16 === void 0 ? void 0 : _defaultCurrentCallPr16.dir;
+  const endCallButtonId = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === 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 || (_defaultCurrentCallPr2 = _defaultCurrentCallPr2.endCallButtonProps) === null || _defaultCurrentCallPr2 === void 0 ? void 0 : _defaultCurrentCallPr2.id);
+  const micButtonId = ((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 || (_props$controlProps3 = _props$controlProps3.micButtonProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.id) ?? ((_defaultCurrentCallPr3 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr3 === void 0 || (_defaultCurrentCallPr3 = _defaultCurrentCallPr3.micButtonProps) === null || _defaultCurrentCallPr3 === void 0 ? void 0 : _defaultCurrentCallPr3.id);
+  const videoOffButtonId = ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 || (_props$controlProps4 = _props$controlProps4.videoButtonProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.id) ?? ((_defaultCurrentCallPr4 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr4 === void 0 || (_defaultCurrentCallPr4 = _defaultCurrentCallPr4.videoButtonProps) === null || _defaultCurrentCallPr4 === void 0 ? void 0 : _defaultCurrentCallPr4.id);
+  const callTimerId = ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 || (_props$controlProps5 = _props$controlProps5.callTimerProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.id) ?? ((_defaultCurrentCallPr5 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr5 === void 0 || (_defaultCurrentCallPr5 = _defaultCurrentCallPr5.callTimerProps) === null || _defaultCurrentCallPr5 === void 0 ? void 0 : _defaultCurrentCallPr5.id);
+  const videoTileId = ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 || (_props$controlProps6 = _props$controlProps6.nonActionIds) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.videoTileGroupId) ?? ((_defaultCurrentCallPr6 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr6 === void 0 || (_defaultCurrentCallPr6 = _defaultCurrentCallPr6.nonActionIds) === null || _defaultCurrentCallPr6 === void 0 ? void 0 : _defaultCurrentCallPr6.videoTileGroupId);
+  const remoteVideoTileId = ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 || (_props$controlProps7 = _props$controlProps7.nonActionIds) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.remoteVideoTileId) ?? ((_defaultCurrentCallPr7 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr7 === void 0 || (_defaultCurrentCallPr7 = _defaultCurrentCallPr7.nonActionIds) === null || _defaultCurrentCallPr7 === void 0 ? void 0 : _defaultCurrentCallPr7.remoteVideoTileId);
+  const selfVideoTileId = ((_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 || (_props$controlProps8 = _props$controlProps8.nonActionIds) === null || _props$controlProps8 === void 0 ? void 0 : _props$controlProps8.selfVideoTileId) ?? ((_defaultCurrentCallPr8 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr8 === void 0 || (_defaultCurrentCallPr8 = _defaultCurrentCallPr8.nonActionIds) === null || _defaultCurrentCallPr8 === void 0 ? void 0 : _defaultCurrentCallPr8.selfVideoTileId);
+  const dir = (_props$controlProps9 = props.controlProps) !== null && _props$controlProps9 !== void 0 && _props$controlProps9.dir ? (_props$controlProps0 = props.controlProps) === null || _props$controlProps0 === void 0 ? void 0 : _props$controlProps0.dir : (_defaultCurrentCallPr9 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr9 === void 0 ? void 0 : _defaultCurrentCallPr9.dir;
   const stackStyles = {
-    root: Object.assign({}, (_defaultCurrentCallPr17 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr17 === void 0 ? void 0 : _defaultCurrentCallPr17.generalStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
+    root: Object.assign({}, (_defaultCurrentCallPr0 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr0 === void 0 ? void 0 : _defaultCurrentCallPr0.generalStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
   };
   const leftGroupStackTokens = {
-    childrenGap: ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : (_props$controlProps12 = _props$controlProps11.leftGroup) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.gap) ?? ((_defaultCurrentCallPr18 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr18 === void 0 ? void 0 : (_defaultCurrentCallPr19 = _defaultCurrentCallPr18.leftGroup) === null || _defaultCurrentCallPr19 === void 0 ? void 0 : _defaultCurrentCallPr19.gap)
+    childrenGap: ((_props$controlProps1 = props.controlProps) === null || _props$controlProps1 === void 0 || (_props$controlProps1 = _props$controlProps1.leftGroup) === null || _props$controlProps1 === void 0 ? void 0 : _props$controlProps1.gap) ?? ((_defaultCurrentCallPr1 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr1 === void 0 || (_defaultCurrentCallPr1 = _defaultCurrentCallPr1.leftGroup) === null || _defaultCurrentCallPr1 === void 0 ? void 0 : _defaultCurrentCallPr1.gap)
   };
   const rightGroupStackTokens = {
-    childrenGap: ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : (_props$controlProps14 = _props$controlProps13.rightGroup) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.gap) ?? ((_defaultCurrentCallPr20 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr20 === void 0 ? void 0 : (_defaultCurrentCallPr21 = _defaultCurrentCallPr20.rightGroup) === null || _defaultCurrentCallPr21 === void 0 ? void 0 : _defaultCurrentCallPr21.gap)
+    childrenGap: ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 || (_props$controlProps10 = _props$controlProps10.rightGroup) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.gap) ?? ((_defaultCurrentCallPr10 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr10 === void 0 || (_defaultCurrentCallPr10 = _defaultCurrentCallPr10.rightGroup) === null || _defaultCurrentCallPr10 === void 0 ? void 0 : _defaultCurrentCallPr10.gap)
   };
   const middleGroupStackTokens = {
-    childrenGap: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : (_props$controlProps16 = _props$controlProps15.middleGroup) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.gap) ?? ((_defaultCurrentCallPr22 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr22 === void 0 ? void 0 : (_defaultCurrentCallPr23 = _defaultCurrentCallPr22.middleGroup) === null || _defaultCurrentCallPr23 === void 0 ? void 0 : _defaultCurrentCallPr23.gap)
+    childrenGap: ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 || (_props$controlProps11 = _props$controlProps11.middleGroup) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.gap) ?? ((_defaultCurrentCallPr11 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr11 === void 0 || (_defaultCurrentCallPr11 = _defaultCurrentCallPr11.middleGroup) === null || _defaultCurrentCallPr11 === void 0 ? void 0 : _defaultCurrentCallPr11.gap)
   };
-  const videoOffIcon = (_props$controlProps17 = props.controlProps) !== null && _props$controlProps17 !== void 0 && (_props$controlProps18 = _props$controlProps17.videoButtonProps) !== null && _props$controlProps18 !== void 0 && _props$controlProps18.imageToggleIconProps ? {
-    imageProps: ((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 ? void 0 : (_props$controlProps20 = _props$controlProps19.videoButtonProps) === null || _props$controlProps20 === void 0 ? void 0 : _props$controlProps20.imageToggleIconProps) ?? ((_defaultCurrentCallPr24 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr24 === void 0 ? void 0 : (_defaultCurrentCallPr25 = _defaultCurrentCallPr24.videoButtonProps) === null || _defaultCurrentCallPr25 === void 0 ? void 0 : _defaultCurrentCallPr25.imageToggleIconProps),
+  const videoOffIcon = (_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && (_props$controlProps12 = _props$controlProps12.videoButtonProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.imageToggleIconProps ? {
+    imageProps: ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 || (_props$controlProps13 = _props$controlProps13.videoButtonProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.imageToggleIconProps) ?? ((_defaultCurrentCallPr12 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr12 === void 0 || (_defaultCurrentCallPr12 = _defaultCurrentCallPr12.videoButtonProps) === null || _defaultCurrentCallPr12 === void 0 ? void 0 : _defaultCurrentCallPr12.imageToggleIconProps),
     styles: {
       root: {
-        fontSize: ((_props$controlProps21 = props.controlProps) === null || _props$controlProps21 === void 0 ? void 0 : (_props$controlProps22 = _props$controlProps21.videoButtonProps) === null || _props$controlProps22 === void 0 ? void 0 : _props$controlProps22.iconSize) ?? ((_defaultCurrentCallPr26 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr26 === void 0 ? void 0 : (_defaultCurrentCallPr27 = _defaultCurrentCallPr26.videoButtonProps) === null || _defaultCurrentCallPr27 === void 0 ? void 0 : _defaultCurrentCallPr27.iconSize)
+        fontSize: ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 || (_props$controlProps14 = _props$controlProps14.videoButtonProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.iconSize) ?? ((_defaultCurrentCallPr13 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr13 === void 0 || (_defaultCurrentCallPr13 = _defaultCurrentCallPr13.videoButtonProps) === null || _defaultCurrentCallPr13 === void 0 ? void 0 : _defaultCurrentCallPr13.iconSize)
       }
     }
   } : {
-    iconName: ((_props$controlProps23 = props.controlProps) === null || _props$controlProps23 === void 0 ? void 0 : (_props$controlProps24 = _props$controlProps23.videoButtonProps) === null || _props$controlProps24 === void 0 ? void 0 : _props$controlProps24.toggleIconName) ?? ((_defaultCurrentCallPr28 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr28 === void 0 ? void 0 : (_defaultCurrentCallPr29 = _defaultCurrentCallPr28.videoButtonProps) === null || _defaultCurrentCallPr29 === void 0 ? void 0 : _defaultCurrentCallPr29.toggleIconName),
+    iconName: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 || (_props$controlProps15 = _props$controlProps15.videoButtonProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.toggleIconName) ?? ((_defaultCurrentCallPr14 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr14 === void 0 || (_defaultCurrentCallPr14 = _defaultCurrentCallPr14.videoButtonProps) === null || _defaultCurrentCallPr14 === void 0 ? void 0 : _defaultCurrentCallPr14.toggleIconName),
     styles: {
       root: {
-        fontSize: ((_props$controlProps25 = props.controlProps) === null || _props$controlProps25 === void 0 ? void 0 : (_props$controlProps26 = _props$controlProps25.videoButtonProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.iconSize) ?? ((_defaultCurrentCallPr30 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr30 === void 0 ? void 0 : (_defaultCurrentCallPr31 = _defaultCurrentCallPr30.videoButtonProps) === null || _defaultCurrentCallPr31 === void 0 ? void 0 : _defaultCurrentCallPr31.iconSize)
+        fontSize: ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 || (_props$controlProps16 = _props$controlProps16.videoButtonProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.iconSize) ?? ((_defaultCurrentCallPr15 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr15 === void 0 || (_defaultCurrentCallPr15 = _defaultCurrentCallPr15.videoButtonProps) === null || _defaultCurrentCallPr15 === void 0 ? void 0 : _defaultCurrentCallPr15.iconSize)
       }
     }
   };
-  const videoOnIcon = (_props$controlProps27 = props.controlProps) !== null && _props$controlProps27 !== void 0 && (_props$controlProps28 = _props$controlProps27.videoButtonProps) !== null && _props$controlProps28 !== void 0 && _props$controlProps28.imageIconProps ? {
-    imageProps: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : (_props$controlProps30 = _props$controlProps29.videoButtonProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.imageIconProps) ?? ((_defaultCurrentCallPr32 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr32 === void 0 ? void 0 : (_defaultCurrentCallPr33 = _defaultCurrentCallPr32.videoButtonProps) === null || _defaultCurrentCallPr33 === void 0 ? void 0 : _defaultCurrentCallPr33.imageIconProps),
+  const videoOnIcon = (_props$controlProps17 = props.controlProps) !== null && _props$controlProps17 !== void 0 && (_props$controlProps17 = _props$controlProps17.videoButtonProps) !== null && _props$controlProps17 !== void 0 && _props$controlProps17.imageIconProps ? {
+    imageProps: ((_props$controlProps18 = props.controlProps) === null || _props$controlProps18 === void 0 || (_props$controlProps18 = _props$controlProps18.videoButtonProps) === null || _props$controlProps18 === void 0 ? void 0 : _props$controlProps18.imageIconProps) ?? ((_defaultCurrentCallPr16 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr16 === void 0 || (_defaultCurrentCallPr16 = _defaultCurrentCallPr16.videoButtonProps) === null || _defaultCurrentCallPr16 === void 0 ? void 0 : _defaultCurrentCallPr16.imageIconProps),
     styles: {
       root: {
-        fontSize: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : (_props$controlProps32 = _props$controlProps31.videoButtonProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.iconSize) ?? ((_defaultCurrentCallPr34 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr34 === void 0 ? void 0 : (_defaultCurrentCallPr35 = _defaultCurrentCallPr34.videoButtonProps) === null || _defaultCurrentCallPr35 === void 0 ? void 0 : _defaultCurrentCallPr35.iconSize)
+        fontSize: ((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 || (_props$controlProps19 = _props$controlProps19.videoButtonProps) === null || _props$controlProps19 === void 0 ? void 0 : _props$controlProps19.iconSize) ?? ((_defaultCurrentCallPr17 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr17 === void 0 || (_defaultCurrentCallPr17 = _defaultCurrentCallPr17.videoButtonProps) === null || _defaultCurrentCallPr17 === void 0 ? void 0 : _defaultCurrentCallPr17.iconSize)
       }
     }
   } : {
-    iconName: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : (_props$controlProps34 = _props$controlProps33.videoButtonProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.iconName) ?? ((_defaultCurrentCallPr36 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr36 === void 0 ? void 0 : (_defaultCurrentCallPr37 = _defaultCurrentCallPr36.videoButtonProps) === null || _defaultCurrentCallPr37 === void 0 ? void 0 : _defaultCurrentCallPr37.iconName),
+    iconName: ((_props$controlProps20 = props.controlProps) === null || _props$controlProps20 === void 0 || (_props$controlProps20 = _props$controlProps20.videoButtonProps) === null || _props$controlProps20 === void 0 ? void 0 : _props$controlProps20.iconName) ?? ((_defaultCurrentCallPr18 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr18 === void 0 || (_defaultCurrentCallPr18 = _defaultCurrentCallPr18.videoButtonProps) === null || _defaultCurrentCallPr18 === void 0 ? void 0 : _defaultCurrentCallPr18.iconName),
     styles: {
       root: {
-        fontSize: ((_props$controlProps35 = props.controlProps) === null || _props$controlProps35 === void 0 ? void 0 : (_props$controlProps36 = _props$controlProps35.videoButtonProps) === null || _props$controlProps36 === void 0 ? void 0 : _props$controlProps36.iconSize) ?? ((_defaultCurrentCallPr38 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr38 === void 0 ? void 0 : (_defaultCurrentCallPr39 = _defaultCurrentCallPr38.videoButtonProps) === null || _defaultCurrentCallPr39 === void 0 ? void 0 : _defaultCurrentCallPr39.iconSize)
+        fontSize: ((_props$controlProps21 = props.controlProps) === null || _props$controlProps21 === void 0 || (_props$controlProps21 = _props$controlProps21.videoButtonProps) === null || _props$controlProps21 === void 0 ? void 0 : _props$controlProps21.iconSize) ?? ((_defaultCurrentCallPr19 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr19 === void 0 || (_defaultCurrentCallPr19 = _defaultCurrentCallPr19.videoButtonProps) === null || _defaultCurrentCallPr19 === void 0 ? void 0 : _defaultCurrentCallPr19.iconSize)
       }
     }
   };
-  const hideVideoDialog = ((_props$controlProps37 = props.controlProps) === null || _props$controlProps37 === void 0 ? void 0 : _props$controlProps37.videoCallDisabled) ?? ((_defaultCurrentCallPr40 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr40 === void 0 ? void 0 : _defaultCurrentCallPr40.videoCallDisabled);
-  const hideSelfVideo = ((_props$controlProps38 = props.controlProps) === null || _props$controlProps38 === void 0 ? void 0 : _props$controlProps38.selfVideoDisabled) ?? ((_defaultCurrentCallPr41 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr41 === void 0 ? void 0 : _defaultCurrentCallPr41.selfVideoDisabled);
-  const hideRemoteVideo = ((_props$controlProps39 = props.controlProps) === null || _props$controlProps39 === void 0 ? void 0 : _props$controlProps39.remoteVideoDisabled) ?? ((_defaultCurrentCallPr42 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr42 === void 0 ? void 0 : _defaultCurrentCallPr42.remoteVideoDisabled);
-  const micOffIcon = (_props$controlProps40 = props.controlProps) !== null && _props$controlProps40 !== void 0 && (_props$controlProps41 = _props$controlProps40.micButtonProps) !== null && _props$controlProps41 !== void 0 && _props$controlProps41.imageIconProps ? {
-    imageProps: ((_props$controlProps42 = props.controlProps) === null || _props$controlProps42 === void 0 ? void 0 : (_props$controlProps43 = _props$controlProps42.micButtonProps) === null || _props$controlProps43 === void 0 ? void 0 : _props$controlProps43.imageIconProps) ?? ((_defaultCurrentCallPr43 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr43 === void 0 ? void 0 : (_defaultCurrentCallPr44 = _defaultCurrentCallPr43.micButtonProps) === null || _defaultCurrentCallPr44 === void 0 ? void 0 : _defaultCurrentCallPr44.imageIconProps),
+  const hideVideoDialog = ((_props$controlProps22 = props.controlProps) === null || _props$controlProps22 === void 0 ? void 0 : _props$controlProps22.videoCallDisabled) ?? ((_defaultCurrentCallPr20 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr20 === void 0 ? void 0 : _defaultCurrentCallPr20.videoCallDisabled);
+  const hideSelfVideo = ((_props$controlProps23 = props.controlProps) === null || _props$controlProps23 === void 0 ? void 0 : _props$controlProps23.selfVideoDisabled) ?? ((_defaultCurrentCallPr21 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr21 === void 0 ? void 0 : _defaultCurrentCallPr21.selfVideoDisabled);
+  const hideRemoteVideo = ((_props$controlProps24 = props.controlProps) === null || _props$controlProps24 === void 0 ? void 0 : _props$controlProps24.remoteVideoDisabled) ?? ((_defaultCurrentCallPr22 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr22 === void 0 ? void 0 : _defaultCurrentCallPr22.remoteVideoDisabled);
+  const micOffIcon = (_props$controlProps25 = props.controlProps) !== null && _props$controlProps25 !== void 0 && (_props$controlProps25 = _props$controlProps25.micButtonProps) !== null && _props$controlProps25 !== void 0 && _props$controlProps25.imageIconProps ? {
+    imageProps: ((_props$controlProps26 = props.controlProps) === null || _props$controlProps26 === void 0 || (_props$controlProps26 = _props$controlProps26.micButtonProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.imageIconProps) ?? ((_defaultCurrentCallPr23 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr23 === void 0 || (_defaultCurrentCallPr23 = _defaultCurrentCallPr23.micButtonProps) === null || _defaultCurrentCallPr23 === void 0 ? void 0 : _defaultCurrentCallPr23.imageIconProps),
     styles: {
       root: {
-        fontSize: ((_props$controlProps44 = props.controlProps) === null || _props$controlProps44 === void 0 ? void 0 : (_props$controlProps45 = _props$controlProps44.micButtonProps) === null || _props$controlProps45 === void 0 ? void 0 : _props$controlProps45.iconSize) ?? ((_defaultCurrentCallPr45 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr45 === void 0 ? void 0 : (_defaultCurrentCallPr46 = _defaultCurrentCallPr45.micButtonProps) === null || _defaultCurrentCallPr46 === void 0 ? void 0 : _defaultCurrentCallPr46.iconSize)
+        fontSize: ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 || (_props$controlProps27 = _props$controlProps27.micButtonProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.iconSize) ?? ((_defaultCurrentCallPr24 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr24 === void 0 || (_defaultCurrentCallPr24 = _defaultCurrentCallPr24.micButtonProps) === null || _defaultCurrentCallPr24 === void 0 ? void 0 : _defaultCurrentCallPr24.iconSize)
       }
     }
   } : {
-    iconName: ((_props$controlProps46 = props.controlProps) === null || _props$controlProps46 === void 0 ? void 0 : (_props$controlProps47 = _props$controlProps46.micButtonProps) === null || _props$controlProps47 === void 0 ? void 0 : _props$controlProps47.iconName) ?? ((_defaultCurrentCallPr47 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr47 === void 0 ? void 0 : (_defaultCurrentCallPr48 = _defaultCurrentCallPr47.micButtonProps) === null || _defaultCurrentCallPr48 === void 0 ? void 0 : _defaultCurrentCallPr48.iconName),
+    iconName: ((_props$controlProps28 = props.controlProps) === null || _props$controlProps28 === void 0 || (_props$controlProps28 = _props$controlProps28.micButtonProps) === null || _props$controlProps28 === void 0 ? void 0 : _props$controlProps28.iconName) ?? ((_defaultCurrentCallPr25 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr25 === void 0 || (_defaultCurrentCallPr25 = _defaultCurrentCallPr25.micButtonProps) === null || _defaultCurrentCallPr25 === void 0 ? void 0 : _defaultCurrentCallPr25.iconName),
     styles: {
       root: {
-        fontSize: ((_props$controlProps48 = props.controlProps) === null || _props$controlProps48 === void 0 ? void 0 : (_props$controlProps49 = _props$controlProps48.micButtonProps) === null || _props$controlProps49 === void 0 ? void 0 : _props$controlProps49.iconSize) ?? ((_defaultCurrentCallPr49 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr49 === void 0 ? void 0 : (_defaultCurrentCallPr50 = _defaultCurrentCallPr49.micButtonProps) === null || _defaultCurrentCallPr50 === void 0 ? void 0 : _defaultCurrentCallPr50.iconSize)
+        fontSize: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 || (_props$controlProps29 = _props$controlProps29.micButtonProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.iconSize) ?? ((_defaultCurrentCallPr26 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr26 === void 0 || (_defaultCurrentCallPr26 = _defaultCurrentCallPr26.micButtonProps) === null || _defaultCurrentCallPr26 === void 0 ? void 0 : _defaultCurrentCallPr26.iconSize)
       }
     }
   };
-  const micOnIcon = (_props$controlProps50 = props.controlProps) !== null && _props$controlProps50 !== void 0 && (_props$controlProps51 = _props$controlProps50.micButtonProps) !== null && _props$controlProps51 !== void 0 && _props$controlProps51.imageToggleIconProps ? {
-    imageProps: ((_props$controlProps52 = props.controlProps) === null || _props$controlProps52 === void 0 ? void 0 : (_props$controlProps53 = _props$controlProps52.micButtonProps) === null || _props$controlProps53 === void 0 ? void 0 : _props$controlProps53.imageToggleIconProps) ?? ((_defaultCurrentCallPr51 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr51 === void 0 ? void 0 : (_defaultCurrentCallPr52 = _defaultCurrentCallPr51.micButtonProps) === null || _defaultCurrentCallPr52 === void 0 ? void 0 : _defaultCurrentCallPr52.imageToggleIconProps),
+  const micOnIcon = (_props$controlProps30 = props.controlProps) !== null && _props$controlProps30 !== void 0 && (_props$controlProps30 = _props$controlProps30.micButtonProps) !== null && _props$controlProps30 !== void 0 && _props$controlProps30.imageToggleIconProps ? {
+    imageProps: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 || (_props$controlProps31 = _props$controlProps31.micButtonProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.imageToggleIconProps) ?? ((_defaultCurrentCallPr27 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr27 === void 0 || (_defaultCurrentCallPr27 = _defaultCurrentCallPr27.micButtonProps) === null || _defaultCurrentCallPr27 === void 0 ? void 0 : _defaultCurrentCallPr27.imageToggleIconProps),
     styles: {
       root: {
-        fontSize: ((_props$controlProps54 = props.controlProps) === null || _props$controlProps54 === void 0 ? void 0 : (_props$controlProps55 = _props$controlProps54.videoButtonProps) === null || _props$controlProps55 === void 0 ? void 0 : _props$controlProps55.iconSize) ?? ((_defaultCurrentCallPr53 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr53 === void 0 ? void 0 : (_defaultCurrentCallPr54 = _defaultCurrentCallPr53.videoButtonProps) === null || _defaultCurrentCallPr54 === void 0 ? void 0 : _defaultCurrentCallPr54.iconSize)
+        fontSize: ((_props$controlProps32 = props.controlProps) === null || _props$controlProps32 === void 0 || (_props$controlProps32 = _props$controlProps32.videoButtonProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.iconSize) ?? ((_defaultCurrentCallPr28 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr28 === void 0 || (_defaultCurrentCallPr28 = _defaultCurrentCallPr28.videoButtonProps) === null || _defaultCurrentCallPr28 === void 0 ? void 0 : _defaultCurrentCallPr28.iconSize)
       }
     }
   } : {
-    iconName: ((_props$controlProps56 = props.controlProps) === null || _props$controlProps56 === void 0 ? void 0 : (_props$controlProps57 = _props$controlProps56.micButtonProps) === null || _props$controlProps57 === void 0 ? void 0 : _props$controlProps57.toggleIconName) ?? ((_defaultCurrentCallPr55 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr55 === void 0 ? void 0 : (_defaultCurrentCallPr56 = _defaultCurrentCallPr55.micButtonProps) === null || _defaultCurrentCallPr56 === void 0 ? void 0 : _defaultCurrentCallPr56.toggleIconName),
+    iconName: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 || (_props$controlProps33 = _props$controlProps33.micButtonProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.toggleIconName) ?? ((_defaultCurrentCallPr29 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr29 === void 0 || (_defaultCurrentCallPr29 = _defaultCurrentCallPr29.micButtonProps) === null || _defaultCurrentCallPr29 === void 0 ? void 0 : _defaultCurrentCallPr29.toggleIconName),
     styles: {
       root: {
-        fontSize: ((_props$controlProps58 = props.controlProps) === null || _props$controlProps58 === void 0 ? void 0 : (_props$controlProps59 = _props$controlProps58.videoButtonProps) === null || _props$controlProps59 === void 0 ? void 0 : _props$controlProps59.iconSize) ?? ((_defaultCurrentCallPr57 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr57 === void 0 ? void 0 : (_defaultCurrentCallPr58 = _defaultCurrentCallPr57.videoButtonProps) === null || _defaultCurrentCallPr58 === void 0 ? void 0 : _defaultCurrentCallPr58.iconSize)
+        fontSize: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 || (_props$controlProps34 = _props$controlProps34.videoButtonProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.iconSize) ?? ((_defaultCurrentCallPr30 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr30 === void 0 || (_defaultCurrentCallPr30 = _defaultCurrentCallPr30.videoButtonProps) === null || _defaultCurrentCallPr30 === void 0 ? void 0 : _defaultCurrentCallPr30.iconSize)
       }
     }
   };
-  const [micState, {
-    toggle: setMicState
-  }] = (0, _reactHooks.useBoolean)(false);
-  const endCallButtonProps = Object.assign({}, (_defaultCurrentCallPr59 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr59 === void 0 ? void 0 : _defaultCurrentCallPr59.endCallButtonProps, (_props$controlProps60 = props.controlProps) === null || _props$controlProps60 === void 0 ? void 0 : _props$controlProps60.endCallButtonProps);
-  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);
-  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);
-  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);
+  const _useBoolean = (0, _reactHooks.useBoolean)(false),
+    _useBoolean2 = _slicedToArray(_useBoolean, 2),
+    micState = _useBoolean2[0],
+    setMicState = _useBoolean2[1].toggle;
+  const endCallButtonProps = Object.assign({}, (_defaultCurrentCallPr31 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr31 === void 0 ? void 0 : _defaultCurrentCallPr31.endCallButtonProps, (_props$controlProps35 = props.controlProps) === null || _props$controlProps35 === void 0 ? void 0 : _props$controlProps35.endCallButtonProps);
+  const callTimerProps = Object.assign({}, (_defaultCurrentCallPr32 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr32 === void 0 ? void 0 : _defaultCurrentCallPr32.callTimerProps, (_props$controlProps36 = props.controlProps) === null || _props$controlProps36 === void 0 ? void 0 : _props$controlProps36.callTimerProps);
+  const endCallButtonStyles = Object.assign({}, (_defaultCurrentCallPr33 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr33 === void 0 ? void 0 : _defaultCurrentCallPr33.endCallButtonStyleProps, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.endCallButtonStyleProps);
+  const endCallButtonHoverStyles = Object.assign({}, (_defaultCurrentCallPr34 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr34 === void 0 ? void 0 : _defaultCurrentCallPr34.endCallButtonHoverStyleProps, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.endCallButtonHoverStyleProps);
   const remoteVideoStyles = {
-    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)
+    root: Object.assign({}, (_defaultCurrentCallPr35 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr35 === void 0 ? void 0 : _defaultCurrentCallPr35.remoteVideoStyleProps, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.remoteVideoStyleProps)
   };
   let selfVideoStyles = {
-    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)
+    root: Object.assign({}, (_defaultCurrentCallPr36 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr36 === void 0 ? void 0 : _defaultCurrentCallPr36.selfVideoStyleProps, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.selfVideoStyleProps)
   };
-
   if (hideRemoteVideo && !hideSelfVideo) {
-    var _defaultCurrentCallPr65, _props$styleProps6;
-
+    var _defaultCurrentCallPr37, _props$styleProps6;
     selfVideoStyles = {
-      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)
+      root: Object.assign({}, (_defaultCurrentCallPr37 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr37 === void 0 ? void 0 : _defaultCurrentCallPr37.selfVideoMaximizeStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.selfVideoMaximizeStyleProps)
     };
   }
-
   let videoTileStackStyles;
-
   if (hideVideoDialog) {
-    var _defaultCurrentCallPr66, _props$styleProps7;
-
+    var _defaultCurrentCallPr38, _props$styleProps7;
     videoTileStackStyles = {
-      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)
+      root: Object.assign({}, (_defaultCurrentCallPr38 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr38 === void 0 ? void 0 : _defaultCurrentCallPr38.videoTileStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.videoTileStyleProps)
     };
   } else {
-    var _defaultCurrentCallPr67, _props$styleProps8;
-
+    var _defaultCurrentCallPr39, _props$styleProps8;
     videoTileStackStyles = {
-      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)
+      root: Object.assign({}, (_defaultCurrentCallPr39 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr39 === void 0 ? void 0 : _defaultCurrentCallPr39.videoTileStyleWithVideoProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.videoTileStyleWithVideoProps)
     };
   }
-
   const videoOffButtonStyles = {
-    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),
-    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)
+    root: Object.assign({}, (_defaultCurrentCallPr40 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr40 === void 0 ? void 0 : _defaultCurrentCallPr40.videoOffButtonStyleProps, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.videoOffButtonStyleProps),
+    rootFocused: Object.assign({}, (_defaultCurrentCallPr41 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr41 === void 0 ? void 0 : _defaultCurrentCallPr41.itemFocusStyleProps, (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.itemFocusStyleProps)
   };
   const micOffButtonStyles = {
-    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),
-    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)
+    root: Object.assign({}, (_defaultCurrentCallPr42 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr42 === void 0 ? void 0 : _defaultCurrentCallPr42.micButtonStyleProps, (_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.micButtonStyleProps),
+    rootFocused: Object.assign({}, (_defaultCurrentCallPr43 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr43 === void 0 ? void 0 : _defaultCurrentCallPr43.itemFocusStyleProps, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.itemFocusStyleProps)
   };
-  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);
+  const CurrentCallItemFocusStyles = Object.assign({}, (_defaultCurrentCallPr44 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr44 === void 0 ? void 0 : _defaultCurrentCallPr44.itemFocusStyleProps, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.itemFocusStyleProps);
   const endCallCustomEvent = {
     elementType: _Constants.ElementType.CurrentCallEndCallButton,
     elementId: endCallButtonId,
     eventName: _Constants.EventNames.OnClick
   };
-  const handleEndCallClick = (0, React.useCallback)(() => {
-    var _props$controlProps62;
-
-    if ((_props$controlProps62 = props.controlProps) !== null && _props$controlProps62 !== void 0 && _props$controlProps62.onEndCallClick) {
-      var _props$controlProps63;
-
-      (_props$controlProps63 = props.controlProps) === null || _props$controlProps63 === void 0 ? void 0 : _props$controlProps63.onEndCallClick();
+  const handleEndCallClick = (0, _react.useCallback)(() => {
+    var _props$controlProps37;
+    if ((_props$controlProps37 = props.controlProps) !== null && _props$controlProps37 !== void 0 && _props$controlProps37.onEndCallClick) {
+      var _props$controlProps38;
+      (_props$controlProps38 = props.controlProps) === null || _props$controlProps38 === void 0 || _props$controlProps38.onEndCallClick();
     }
   }, []);
-  const handleVideoOffClick = (0, React.useCallback)(() => {
-    var _props$controlProps64;
-
-    if ((_props$controlProps64 = props.controlProps) !== null && _props$controlProps64 !== void 0 && _props$controlProps64.onVideoOffClick) {
-      var _props$controlProps65;
-
+  const handleVideoOffClick = (0, _react.useCallback)(() => {
+    var _props$controlProps39;
+    if ((_props$controlProps39 = props.controlProps) !== null && _props$controlProps39 !== void 0 && _props$controlProps39.onVideoOffClick) {
+      var _props$controlProps40;
       const videoOffCustomEvent = {
         elementType: _Constants.ElementType.CurrentCallVideoButton,
         elementId: videoOffButtonId,
         eventName: _Constants.EventNames.OnClick
       };
-
       _BroadcastService.BroadcastService.postMessage(videoOffCustomEvent);
-
-      (_props$controlProps65 = props.controlProps) === null || _props$controlProps65 === void 0 ? void 0 : _props$controlProps65.onVideoOffClick();
+      (_props$controlProps40 = props.controlProps) === null || _props$controlProps40 === void 0 || _props$controlProps40.onVideoOffClick();
     }
   }, []);
-  const handleMicClick = (0, React.useCallback)(() => {
-    var _props$controlProps66;
-
+  const handleMicClick = (0, _react.useCallback)(() => {
+    var _props$controlProps41;
     setMicState();
-
-    if ((_props$controlProps66 = props.controlProps) !== null && _props$controlProps66 !== void 0 && _props$controlProps66.onMicCallClick) {
-      var _props$controlProps67;
-
+    if ((_props$controlProps41 = props.controlProps) !== null && _props$controlProps41 !== void 0 && _props$controlProps41.onMicCallClick) {
+      var _props$controlProps42;
       const micCustomEvent = {
         elementType: _Constants.ElementType.CurrentCallMicButton,
         elementId: micButtonId,
         eventName: _Constants.EventNames.OnClick
       };
-
       _BroadcastService.BroadcastService.postMessage(micCustomEvent);
-
-      (_props$controlProps67 = props.controlProps) === null || _props$controlProps67 === void 0 ? void 0 : _props$controlProps67.onMicCallClick();
+      (_props$controlProps42 = props.controlProps) === null || _props$controlProps42 === void 0 || _props$controlProps42.onMicCallClick();
     }
   }, []);
-  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);
-  (0, React.useEffect)(() => {
+  const hideCallTimer = ((_props$controlProps43 = props.controlProps) === null || _props$controlProps43 === void 0 ? void 0 : _props$controlProps43.hideCallTimer) ?? ((_defaultCurrentCallPr45 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr45 === void 0 ? void 0 : _defaultCurrentCallPr45.hideCallTimer);
+  (0, _react.useEffect)(() => {
     const endCallShortcut = e => e.ctrlKey && e.shiftKey && e.key === _Constants.KeyCodes.EndCallHotKey;
-
     const toggleMicShortcut = e => e.ctrlKey && e.shiftKey && e.key === _Constants.KeyCodes.ToggleMicHotKey;
-
     const toggleVideoShortcut = e => e.ctrlKey && e.shiftKey && e.key === _Constants.KeyCodes.ToggleCameraHotKey;
-
     const shortcutKeysHandler = e => {
       if (endCallShortcut(e)) {
         handleEndCallClick();
@@ -232,13 +203,11 @@ function CurrentCall(props) {
         handleVideoOffClick();
       }
     };
-
     const ignoreDefault = e => {
       if (endCallShortcut(e) || toggleMicShortcut(e) || toggleVideoShortcut(e)) {
         e.preventDefault();
       }
     };
-
     window.addEventListener("keyup", shortcutKeysHandler);
     window.addEventListener("keydown", ignoreDefault);
     return () => {
@@ -247,7 +216,7 @@ function CurrentCall(props) {
     };
   }, []);
   return /*#__PURE__*/React.createElement(_react2.Stack, {
-    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,
+    className: (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 || (_props$styleProps12 = _props$styleProps12.classNames) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.currentCallComponentClassName,
     horizontalAlign: "space-between",
     styles: stackStyles,
     id: currentCallId,
@@ -255,18 +224,18 @@ function CurrentCall(props) {
   }, /*#__PURE__*/React.createElement(_react2.Stack, {
     styles: videoTileStackStyles,
     id: videoTileId,
-    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
+    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 || (_props$styleProps13 = _props$styleProps13.classNames) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.videoTileGroupClassName
   }, /*#__PURE__*/React.createElement(_react2.Stack, {
     styles: remoteVideoStyles,
     id: remoteVideoTileId,
-    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
+    className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 || (_props$styleProps14 = _props$styleProps14.classNames) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.remoteVideoTileClassName
   }), /*#__PURE__*/React.createElement(_react2.Stack, {
     styles: selfVideoStyles,
     id: selfVideoTileId,
-    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
+    className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 || (_props$styleProps15 = _props$styleProps15.classNames) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.selfVideoTileClassName
   })), /*#__PURE__*/React.createElement(_react2.Stack, {
     horizontal: true,
-    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,
+    className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 || (_props$styleProps16 = _props$styleProps16.classNames) === null || _props$styleProps16 === void 0 ? void 0 : _props$styleProps16.currentCallfooterClassName,
     horizontalAlign: "space-between",
     styles: stackStyles,
     dir: dir
@@ -275,37 +244,37 @@ function CurrentCall(props) {
     id: _Constants.Ids.CurrentCallLeftGroupId,
     verticalAlign: "center",
     tokens: leftGroupStackTokens
-  }, (0, _utils.processCustomComponents)((_props$controlProps69 = props.controlProps) === null || _props$controlProps69 === void 0 ? void 0 : (_props$controlProps70 = _props$controlProps69.leftGroup) === null || _props$controlProps70 === void 0 ? void 0 : _props$controlProps70.children)), /*#__PURE__*/React.createElement(_react2.Stack, {
+  }, (0, _utils.processCustomComponents)((_props$controlProps44 = props.controlProps) === null || _props$controlProps44 === void 0 || (_props$controlProps44 = _props$controlProps44.leftGroup) === null || _props$controlProps44 === void 0 ? void 0 : _props$controlProps44.children)), /*#__PURE__*/React.createElement(_react2.Stack, {
     horizontal: true,
     id: _Constants.Ids.CurrentCallMiddleGroupId,
     verticalAlign: "center",
     tokens: middleGroupStackTokens,
     dir: dir
-  }, (0, _utils.processCustomComponents)((_props$controlProps71 = props.controlProps) === null || _props$controlProps71 === void 0 ? void 0 : (_props$controlProps72 = _props$controlProps71.middleGroup) === null || _props$controlProps72 === void 0 ? void 0 : _props$controlProps72.children), !hideCallTimer && /*#__PURE__*/React.createElement(_Timer.default, _extends({}, callTimerProps, {
+  }, (0, _utils.processCustomComponents)((_props$controlProps45 = props.controlProps) === null || _props$controlProps45 === void 0 || (_props$controlProps45 = _props$controlProps45.middleGroup) === null || _props$controlProps45 === void 0 ? void 0 : _props$controlProps45.children), !hideCallTimer && /*#__PURE__*/React.createElement(_Timer.default, _extends({}, callTimerProps, {
     id: callTimerId
-  })), !((_props$controlProps73 = props.controlProps) !== null && _props$controlProps73 !== void 0 && _props$controlProps73.hideVideoButton) && /*#__PURE__*/React.createElement(_react2.IconButton, {
+  })), !((_props$controlProps46 = props.controlProps) !== null && _props$controlProps46 !== void 0 && _props$controlProps46.hideVideoButton) && /*#__PURE__*/React.createElement(_react2.IconButton, {
     id: videoOffButtonId,
     toggle: true,
     iconProps: hideSelfVideo ? videoOffIcon : videoOnIcon,
     onClick: handleVideoOffClick,
     allowDisabledFocus: true,
-    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,
+    disabled: (_props$controlProps47 = props.controlProps) === null || _props$controlProps47 === void 0 || (_props$controlProps47 = _props$controlProps47.videoButtonProps) === null || _props$controlProps47 === void 0 ? void 0 : _props$controlProps47.disabled,
     styles: videoOffButtonStyles,
-    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),
-    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,
-    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)
-  }), !((_props$controlProps86 = props.controlProps) !== null && _props$controlProps86 !== void 0 && _props$controlProps86.hideMicButton) && /*#__PURE__*/React.createElement(_react2.IconButton, {
+    ariaLabel: hideSelfVideo ? ((_props$controlProps48 = props.controlProps) === null || _props$controlProps48 === void 0 || (_props$controlProps48 = _props$controlProps48.videoButtonProps) === null || _props$controlProps48 === void 0 ? void 0 : _props$controlProps48.ariaLabel) ?? ((_defaultCurrentCallPr46 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr46 === void 0 || (_defaultCurrentCallPr46 = _defaultCurrentCallPr46.videoButtonProps) === null || _defaultCurrentCallPr46 === void 0 ? void 0 : _defaultCurrentCallPr46.ariaLabel) : ((_props$controlProps49 = props.controlProps) === null || _props$controlProps49 === void 0 || (_props$controlProps49 = _props$controlProps49.videoButtonProps) === null || _props$controlProps49 === void 0 ? void 0 : _props$controlProps49.toggleAriaLabel) ?? ((_defaultCurrentCallPr47 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr47 === void 0 || (_defaultCurrentCallPr47 = _defaultCurrentCallPr47.videoButtonProps) === null || _defaultCurrentCallPr47 === void 0 ? void 0 : _defaultCurrentCallPr47.toggleAriaLabel),
+    className: (_props$controlProps50 = props.controlProps) === null || _props$controlProps50 === void 0 || (_props$controlProps50 = _props$controlProps50.videoButtonProps) === null || _props$controlProps50 === void 0 ? void 0 : _props$controlProps50.className,
+    title: hideSelfVideo ? ((_props$controlProps51 = props.controlProps) === null || _props$controlProps51 === void 0 || (_props$controlProps51 = _props$controlProps51.videoButtonProps) === null || _props$controlProps51 === void 0 ? void 0 : _props$controlProps51.ariaLabel) ?? ((_defaultCurrentCallPr48 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr48 === void 0 || (_defaultCurrentCallPr48 = _defaultCurrentCallPr48.videoButtonProps) === null || _defaultCurrentCallPr48 === void 0 ? void 0 : _defaultCurrentCallPr48.ariaLabel) : ((_props$controlProps52 = props.controlProps) === null || _props$controlProps52 === void 0 || (_props$controlProps52 = _props$controlProps52.videoButtonProps) === null || _props$controlProps52 === void 0 ? void 0 : _props$controlProps52.toggleAriaLabel) ?? ((_defaultCurrentCallPr49 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr49 === void 0 || (_defaultCurrentCallPr49 = _defaultCurrentCallPr49.videoButtonProps) === null || _defaultCurrentCallPr49 === void 0 ? void 0 : _defaultCurrentCallPr49.toggleAriaLabel)
+  }), !((_props$controlProps53 = props.controlProps) !== null && _props$controlProps53 !== void 0 && _props$controlProps53.hideMicButton) && /*#__PURE__*/React.createElement(_react2.IconButton, {
     id: micButtonId,
     toggle: true,
     iconProps: micState ? micOnIcon : micOffIcon,
     onClick: handleMicClick,
     allowDisabledFocus: true,
-    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,
+    disabled: (_props$controlProps54 = props.controlProps) === null || _props$controlProps54 === void 0 || (_props$controlProps54 = _props$controlProps54.micButtonProps) === null || _props$controlProps54 === void 0 ? void 0 : _props$controlProps54.disabled,
     styles: micOffButtonStyles,
-    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),
-    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,
-    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)
-  }), !((_props$controlProps99 = props.controlProps) !== null && _props$controlProps99 !== void 0 && _props$controlProps99.hideEndCallButton) && /*#__PURE__*/React.createElement(_CommandButton.default, _extends({}, endCallButtonProps, {
+    ariaLabel: micState ? ((_props$controlProps55 = props.controlProps) === null || _props$controlProps55 === void 0 || (_props$controlProps55 = _props$controlProps55.micButtonProps) === null || _props$controlProps55 === void 0 ? void 0 : _props$controlProps55.toggleAriaLabel) ?? ((_defaultCurrentCallPr50 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr50 === void 0 || (_defaultCurrentCallPr50 = _defaultCurrentCallPr50.micButtonProps) === null || _defaultCurrentCallPr50 === void 0 ? void 0 : _defaultCurrentCallPr50.toggleAriaLabel) : ((_props$controlProps56 = props.controlProps) === null || _props$controlProps56 === void 0 || (_props$controlProps56 = _props$controlProps56.micButtonProps) === null || _props$controlProps56 === void 0 ? void 0 : _props$controlProps56.ariaLabel) ?? ((_defaultCurrentCallPr51 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr51 === void 0 || (_defaultCurrentCallPr51 = _defaultCurrentCallPr51.micButtonProps) === null || _defaultCurrentCallPr51 === void 0 ? void 0 : _defaultCurrentCallPr51.ariaLabel),
+    className: (_props$controlProps57 = props.controlProps) === null || _props$controlProps57 === void 0 || (_props$controlProps57 = _props$controlProps57.micButtonProps) === null || _props$controlProps57 === void 0 ? void 0 : _props$controlProps57.className,
+    title: micState ? ((_props$controlProps58 = props.controlProps) === null || _props$controlProps58 === void 0 || (_props$controlProps58 = _props$controlProps58.micButtonProps) === null || _props$controlProps58 === void 0 ? void 0 : _props$controlProps58.toggleAriaLabel) ?? ((_defaultCurrentCallPr52 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr52 === void 0 || (_defaultCurrentCallPr52 = _defaultCurrentCallPr52.micButtonProps) === null || _defaultCurrentCallPr52 === void 0 ? void 0 : _defaultCurrentCallPr52.toggleAriaLabel) : ((_props$controlProps59 = props.controlProps) === null || _props$controlProps59 === void 0 || (_props$controlProps59 = _props$controlProps59.micButtonProps) === null || _props$controlProps59 === void 0 ? void 0 : _props$controlProps59.ariaLabel) ?? ((_defaultCurrentCallPr53 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr53 === void 0 || (_defaultCurrentCallPr53 = _defaultCurrentCallPr53.micButtonProps) === null || _defaultCurrentCallPr53 === void 0 ? void 0 : _defaultCurrentCallPr53.ariaLabel)
+  }), !((_props$controlProps60 = props.controlProps) !== null && _props$controlProps60 !== void 0 && _props$controlProps60.hideEndCallButton) && /*#__PURE__*/React.createElement(_CommandButton.default, _extends({}, endCallButtonProps, {
     onClick: handleEndCallClick,
     id: endCallButtonId,
     styles: endCallButtonStyles,
@@ -317,8 +286,6 @@ function CurrentCall(props) {
     id: _Constants.Ids.CurrentCallRightGroupId,
     verticalAlign: "center",
     tokens: rightGroupStackTokens
-  }, (0, _utils.processCustomComponents)((_props$controlProps100 = props.controlProps) === null || _props$controlProps100 === void 0 ? void 0 : (_props$controlProps101 = _props$controlProps100.rightGroup) === null || _props$controlProps101 === void 0 ? void 0 : _props$controlProps101.children))));
+  }, (0, _utils.processCustomComponents)((_props$controlProps61 = props.controlProps) === null || _props$controlProps61 === void 0 || (_props$controlProps61 = _props$controlProps61.rightGroup) === null || _props$controlProps61 === void 0 ? void 0 : _props$controlProps61.children))));
 }
-
-var _default = CurrentCall;
-exports.default = _default;
+var _default = exports.default = CurrentCall;

package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlProps.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCurrentCallControlProps = void 0;
-
 var _Constants = require("../../../../../../common/Constants");
-
-const defaultCurrentCallControlProps = {
+const defaultCurrentCallControlProps = exports.defaultCurrentCallControlProps = {
   id: _Constants.Ids.DefaultCurrentCallId,
   nonActionIds: {
     currentCallActionGroupId: _Constants.Ids.CurrentCallActionGroupId,
@@ -81,5 +79,4 @@ const defaultCurrentCallControlProps = {
       margin: "1px"
     }
   }
-};
-exports.defaultCurrentCallControlProps = defaultCurrentCallControlProps;
+};