@microsoft/omnichannel-chat-components 1.1.16 → 1.1.17-main.05edfd3

package/lib/esm/components/callingcontainer/subcomponents/IncomingCall/IncomingCall.js

@@ -1,5 +1,4 @@
-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 _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); }
 import * as React from "react";
 import { Label, Stack } from "@fluentui/react";
 import CommandButton from "../../../common/commandbutton/CommandButton";
@@ -8,52 +7,48 @@ import { decodeComponentString } from "../../../../common/decodeComponentString"
 import { defaultIncomingCallProps } from "./common/defaultProps/defaultIncomingCallProps";
 import { processCustomComponents } from "../../../../common/utils";
 import { useCallback, useEffect } from "react";
-
 function IncomingCall(props) {
-  var _props$controlProps, _defaultIncomingCallP, _props$controlProps2, _props$controlProps2$, _defaultIncomingCallP2, _defaultIncomingCallP3, _props$controlProps3, _props$controlProps3$, _defaultIncomingCallP4, _defaultIncomingCallP5, _props$controlProps4, _props$controlProps4$, _defaultIncomingCallP6, _defaultIncomingCallP7, _defaultIncomingCallP8, _props$styleProps, _props$controlProps5, _props$controlProps5$, _defaultIncomingCallP9, _defaultIncomingCallP10, _props$controlProps6, _props$controlProps6$, _defaultIncomingCallP11, _defaultIncomingCallP12, _props$controlProps7, _props$controlProps7$, _defaultIncomingCallP13, _defaultIncomingCallP14, _defaultIncomingCallP15, _props$controlProps8, _defaultIncomingCallP16, _props$controlProps9, _defaultIncomingCallP17, _props$controlProps10, _defaultIncomingCallP18, _props$controlProps11, _defaultIncomingCallP19, _props$styleProps2, _defaultIncomingCallP20, _props$styleProps3, _defaultIncomingCallP21, _props$styleProps4, _defaultIncomingCallP22, _props$styleProps5, _defaultIncomingCallP23, _props$styleProps6, _defaultIncomingCallP24, _props$styleProps7, _defaultIncomingCallP25, _props$styleProps8, _defaultIncomingCallP26, _props$styleProps9, _props$styleProps10, _props$controlProps18, _defaultIncomingCallP27, _props$controlProps19, _props$componentOverr, _props$controlProps20, _props$controlProps21, _props$controlProps22, _props$controlProps23, _props$controlProps24, _props$controlProps25, _props$controlProps26, _props$controlProps27, _props$controlProps28;
-
+  var _props$controlProps, _defaultIncomingCallP, _props$controlProps2, _defaultIncomingCallP2, _props$controlProps3, _defaultIncomingCallP3, _props$controlProps4, _defaultIncomingCallP4, _defaultIncomingCallP5, _props$styleProps, _props$controlProps5, _defaultIncomingCallP6, _props$controlProps6, _defaultIncomingCallP7, _props$controlProps7, _defaultIncomingCallP8, _defaultIncomingCallP9, _props$controlProps8, _defaultIncomingCallP0, _props$controlProps9, _defaultIncomingCallP1, _props$controlProps0, _defaultIncomingCallP10, _props$controlProps1, _defaultIncomingCallP11, _props$styleProps2, _defaultIncomingCallP12, _props$styleProps3, _defaultIncomingCallP13, _props$styleProps4, _defaultIncomingCallP14, _props$styleProps5, _defaultIncomingCallP15, _props$styleProps6, _defaultIncomingCallP16, _props$styleProps7, _defaultIncomingCallP17, _props$styleProps8, _defaultIncomingCallP18, _props$styleProps9, _props$styleProps0, _props$controlProps16, _defaultIncomingCallP19, _props$controlProps17, _props$componentOverr, _props$controlProps18, _props$controlProps19, _props$controlProps20, _props$controlProps21, _props$controlProps22, _props$controlProps23;
   const incomingCallId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? ((_defaultIncomingCallP = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP === void 0 ? void 0 : _defaultIncomingCallP.id);
-  const declineCallButtonId = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : (_props$controlProps2$ = _props$controlProps2.declineCallButtonProps) === null || _props$controlProps2$ === void 0 ? void 0 : _props$controlProps2$.id) ?? ((_defaultIncomingCallP2 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP2 === void 0 ? void 0 : (_defaultIncomingCallP3 = _defaultIncomingCallP2.declineCallButtonProps) === null || _defaultIncomingCallP3 === void 0 ? void 0 : _defaultIncomingCallP3.id);
-  const audioCallButtonId = ((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : (_props$controlProps3$ = _props$controlProps3.audioCallButtonProps) === null || _props$controlProps3$ === void 0 ? void 0 : _props$controlProps3$.id) ?? ((_defaultIncomingCallP4 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP4 === void 0 ? void 0 : (_defaultIncomingCallP5 = _defaultIncomingCallP4.audioCallButtonProps) === null || _defaultIncomingCallP5 === void 0 ? void 0 : _defaultIncomingCallP5.id);
-  const videoCallButtonId = ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : (_props$controlProps4$ = _props$controlProps4.videoCallButtonProps) === null || _props$controlProps4$ === void 0 ? void 0 : _props$controlProps4$.id) ?? ((_defaultIncomingCallP6 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP6 === void 0 ? void 0 : (_defaultIncomingCallP7 = _defaultIncomingCallP6.videoCallButtonProps) === null || _defaultIncomingCallP7 === void 0 ? void 0 : _defaultIncomingCallP7.id);
+  const declineCallButtonId = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 || (_props$controlProps2 = _props$controlProps2.declineCallButtonProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.id) ?? ((_defaultIncomingCallP2 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP2 === void 0 || (_defaultIncomingCallP2 = _defaultIncomingCallP2.declineCallButtonProps) === null || _defaultIncomingCallP2 === void 0 ? void 0 : _defaultIncomingCallP2.id);
+  const audioCallButtonId = ((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 || (_props$controlProps3 = _props$controlProps3.audioCallButtonProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.id) ?? ((_defaultIncomingCallP3 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP3 === void 0 || (_defaultIncomingCallP3 = _defaultIncomingCallP3.audioCallButtonProps) === null || _defaultIncomingCallP3 === void 0 ? void 0 : _defaultIncomingCallP3.id);
+  const videoCallButtonId = ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 || (_props$controlProps4 = _props$controlProps4.videoCallButtonProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.id) ?? ((_defaultIncomingCallP4 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP4 === void 0 || (_defaultIncomingCallP4 = _defaultIncomingCallP4.videoCallButtonProps) === null || _defaultIncomingCallP4 === void 0 ? void 0 : _defaultIncomingCallP4.id);
   const stackStyles = {
-    root: Object.assign({}, (_defaultIncomingCallP8 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP8 === void 0 ? void 0 : _defaultIncomingCallP8.generalStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
+    root: Object.assign({}, (_defaultIncomingCallP5 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP5 === void 0 ? void 0 : _defaultIncomingCallP5.generalStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
   };
   const leftGroupStackTokens = {
-    childrenGap: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : (_props$controlProps5$ = _props$controlProps5.leftGroup) === null || _props$controlProps5$ === void 0 ? void 0 : _props$controlProps5$.gap) ?? ((_defaultIncomingCallP9 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP9 === void 0 ? void 0 : (_defaultIncomingCallP10 = _defaultIncomingCallP9.leftGroup) === null || _defaultIncomingCallP10 === void 0 ? void 0 : _defaultIncomingCallP10.gap)
+    childrenGap: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 || (_props$controlProps5 = _props$controlProps5.leftGroup) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.gap) ?? ((_defaultIncomingCallP6 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP6 === void 0 || (_defaultIncomingCallP6 = _defaultIncomingCallP6.leftGroup) === null || _defaultIncomingCallP6 === void 0 ? void 0 : _defaultIncomingCallP6.gap)
   };
   const rightGroupStackTokens = {
-    childrenGap: ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : (_props$controlProps6$ = _props$controlProps6.rightGroup) === null || _props$controlProps6$ === void 0 ? void 0 : _props$controlProps6$.gap) ?? ((_defaultIncomingCallP11 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP11 === void 0 ? void 0 : (_defaultIncomingCallP12 = _defaultIncomingCallP11.rightGroup) === null || _defaultIncomingCallP12 === void 0 ? void 0 : _defaultIncomingCallP12.gap)
+    childrenGap: ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 || (_props$controlProps6 = _props$controlProps6.rightGroup) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.gap) ?? ((_defaultIncomingCallP7 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP7 === void 0 || (_defaultIncomingCallP7 = _defaultIncomingCallP7.rightGroup) === null || _defaultIncomingCallP7 === void 0 ? void 0 : _defaultIncomingCallP7.gap)
   };
   const middleGroupStackTokens = {
-    childrenGap: ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : (_props$controlProps7$ = _props$controlProps7.middleGroup) === null || _props$controlProps7$ === void 0 ? void 0 : _props$controlProps7$.gap) ?? ((_defaultIncomingCallP13 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP13 === void 0 ? void 0 : (_defaultIncomingCallP14 = _defaultIncomingCallP13.middleGroup) === null || _defaultIncomingCallP14 === void 0 ? void 0 : _defaultIncomingCallP14.gap)
+    childrenGap: ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 || (_props$controlProps7 = _props$controlProps7.middleGroup) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.gap) ?? ((_defaultIncomingCallP8 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP8 === void 0 || (_defaultIncomingCallP8 = _defaultIncomingCallP8.middleGroup) === null || _defaultIncomingCallP8 === void 0 ? void 0 : _defaultIncomingCallP8.gap)
   };
-  const declineCallButtonProps = Object.assign({}, (_defaultIncomingCallP15 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP15 === void 0 ? void 0 : _defaultIncomingCallP15.declineCallButtonProps, (_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 ? void 0 : _props$controlProps8.declineCallButtonProps);
-  const videoCallButtonProps = Object.assign({}, (_defaultIncomingCallP16 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP16 === void 0 ? void 0 : _defaultIncomingCallP16.videoCallButtonProps, (_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.videoCallButtonProps);
-  const audioCallButtonProps = Object.assign({}, (_defaultIncomingCallP17 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP17 === void 0 ? void 0 : _defaultIncomingCallP17.audioCallButtonProps, (_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.audioCallButtonProps);
-  const incomingCallTitleProps = Object.assign({}, (_defaultIncomingCallP18 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP18 === void 0 ? void 0 : _defaultIncomingCallP18.incomingCallTitle, (_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.incomingCallTitle);
-  const declineCallButtonStyles = Object.assign({}, (_defaultIncomingCallP19 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP19 === void 0 ? void 0 : _defaultIncomingCallP19.declineCallButtonStyleProps, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.declineCallButtonStyleProps);
-  const declineCallButtonHoverStyles = Object.assign({}, (_defaultIncomingCallP20 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP20 === void 0 ? void 0 : _defaultIncomingCallP20.declineCallButtonHoverStyleProps, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.declineCallButtonHoverStyleProps);
-  const videoCallButtonStyles = Object.assign({}, (_defaultIncomingCallP21 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP21 === void 0 ? void 0 : _defaultIncomingCallP21.videoCallButtonStyleProps, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.videoCallButtonStyleProps);
-  const videoCallButtonHoverStyles = Object.assign({}, (_defaultIncomingCallP22 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP22 === void 0 ? void 0 : _defaultIncomingCallP22.videoCallButtonHoverStyleProps, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.videoCallButtonHoverStyleProps);
-  const audioCallButtonStyles = Object.assign({}, (_defaultIncomingCallP23 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP23 === void 0 ? void 0 : _defaultIncomingCallP23.audioCallButtonStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.audioCallButtonStyleProps);
-  const audioCallButtonHoverStyles = Object.assign({}, (_defaultIncomingCallP24 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP24 === void 0 ? void 0 : _defaultIncomingCallP24.audioCallButtonHoverStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.audioCallButtonHoverStyleProps);
+  const declineCallButtonProps = Object.assign({}, (_defaultIncomingCallP9 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP9 === void 0 ? void 0 : _defaultIncomingCallP9.declineCallButtonProps, (_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 ? void 0 : _props$controlProps8.declineCallButtonProps);
+  const videoCallButtonProps = Object.assign({}, (_defaultIncomingCallP0 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP0 === void 0 ? void 0 : _defaultIncomingCallP0.videoCallButtonProps, (_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.videoCallButtonProps);
+  const audioCallButtonProps = Object.assign({}, (_defaultIncomingCallP1 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP1 === void 0 ? void 0 : _defaultIncomingCallP1.audioCallButtonProps, (_props$controlProps0 = props.controlProps) === null || _props$controlProps0 === void 0 ? void 0 : _props$controlProps0.audioCallButtonProps);
+  const incomingCallTitleProps = Object.assign({}, (_defaultIncomingCallP10 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP10 === void 0 ? void 0 : _defaultIncomingCallP10.incomingCallTitle, (_props$controlProps1 = props.controlProps) === null || _props$controlProps1 === void 0 ? void 0 : _props$controlProps1.incomingCallTitle);
+  const declineCallButtonStyles = Object.assign({}, (_defaultIncomingCallP11 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP11 === void 0 ? void 0 : _defaultIncomingCallP11.declineCallButtonStyleProps, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.declineCallButtonStyleProps);
+  const declineCallButtonHoverStyles = Object.assign({}, (_defaultIncomingCallP12 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP12 === void 0 ? void 0 : _defaultIncomingCallP12.declineCallButtonHoverStyleProps, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.declineCallButtonHoverStyleProps);
+  const videoCallButtonStyles = Object.assign({}, (_defaultIncomingCallP13 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP13 === void 0 ? void 0 : _defaultIncomingCallP13.videoCallButtonStyleProps, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.videoCallButtonStyleProps);
+  const videoCallButtonHoverStyles = Object.assign({}, (_defaultIncomingCallP14 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP14 === void 0 ? void 0 : _defaultIncomingCallP14.videoCallButtonHoverStyleProps, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.videoCallButtonHoverStyleProps);
+  const audioCallButtonStyles = Object.assign({}, (_defaultIncomingCallP15 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP15 === void 0 ? void 0 : _defaultIncomingCallP15.audioCallButtonStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.audioCallButtonStyleProps);
+  const audioCallButtonHoverStyles = Object.assign({}, (_defaultIncomingCallP16 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP16 === void 0 ? void 0 : _defaultIncomingCallP16.audioCallButtonHoverStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.audioCallButtonHoverStyleProps);
   const incomingCallTitleStyles = {
-    root: Object.assign({}, (_defaultIncomingCallP25 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP25 === void 0 ? void 0 : _defaultIncomingCallP25.incomingCallTitleStyleProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.incomingCallTitleStyleProps)
+    root: Object.assign({}, (_defaultIncomingCallP17 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP17 === void 0 ? void 0 : _defaultIncomingCallP17.incomingCallTitleStyleProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.incomingCallTitleStyleProps)
   };
-  const incomingCallItemFocusStyles = Object.assign({}, (_defaultIncomingCallP26 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP26 === void 0 ? void 0 : _defaultIncomingCallP26.itemFocusStyleProps, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.itemFocusStyleProps);
+  const incomingCallItemFocusStyles = Object.assign({}, (_defaultIncomingCallP18 = defaultIncomingCallProps.styleProps) === null || _defaultIncomingCallP18 === void 0 ? void 0 : _defaultIncomingCallP18.itemFocusStyleProps, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.itemFocusStyleProps);
   const declineCustomEvent = {
     elementType: ElementType.IncomingCallDeclineCallButton,
     elementId: declineCallButtonId,
     eventName: EventNames.IncomingCallEnded
   };
   const handleDeclineCallClick = useCallback(() => {
-    var _props$controlProps12;
-
-    if ((_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.onDeclineCallClick) {
-      var _props$controlProps13;
-
-      (_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.onDeclineCallClick();
+    var _props$controlProps10;
+    if ((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.onDeclineCallClick) {
+      var _props$controlProps11;
+      (_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 || _props$controlProps11.onDeclineCallClick();
     }
   }, []);
   const videoCustomEvent = {
@@ -62,12 +57,10 @@ function IncomingCall(props) {
     eventName: EventNames.OnClick
   };
   const handleVideoCallClick = useCallback(() => {
-    var _props$controlProps14;
-
-    if ((_props$controlProps14 = props.controlProps) !== null && _props$controlProps14 !== void 0 && _props$controlProps14.onVideoCallClick) {
-      var _props$controlProps15;
-
-      (_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.onVideoCallClick();
+    var _props$controlProps12;
+    if ((_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.onVideoCallClick) {
+      var _props$controlProps13;
+      (_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 || _props$controlProps13.onVideoCallClick();
     }
   }, []);
   const audioCustomEvent = {
@@ -76,21 +69,16 @@ function IncomingCall(props) {
     eventName: EventNames.OnClick
   };
   const handleAudioCallClick = useCallback(() => {
-    var _props$controlProps16;
-
-    if ((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.onAudioCallClick) {
-      var _props$controlProps17;
-
-      (_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.onAudioCallClick();
+    var _props$controlProps14;
+    if ((_props$controlProps14 = props.controlProps) !== null && _props$controlProps14 !== void 0 && _props$controlProps14.onAudioCallClick) {
+      var _props$controlProps15;
+      (_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 || _props$controlProps15.onAudioCallClick();
     }
   }, []);
   useEffect(() => {
     const declineCallShortcut = e => e.ctrlKey && e.shiftKey && e.key === KeyCodes.DeclineCallHotKey;
-
     const acceptAudioCallShortcut = e => e.ctrlKey && e.shiftKey && e.key === KeyCodes.AcceptAudioCallHotKey;
-
     const acceptVideoCallShortcut = e => e.ctrlKey && e.shiftKey && e.key === KeyCodes.AcceptVideoCallHotKey;
-
     const shortcutKeysHandler = e => {
       if (declineCallShortcut(e)) {
         handleDeclineCallClick();
@@ -100,13 +88,11 @@ function IncomingCall(props) {
         handleVideoCallClick();
       }
     };
-
     const ignoreDefault = e => {
       if (declineCallShortcut(e) || acceptAudioCallShortcut(e) || acceptVideoCallShortcut(e)) {
         e.preventDefault();
       }
     };
-
     window.addEventListener("keyup", shortcutKeysHandler);
     window.addEventListener("keydown", ignoreDefault);
     return () => {
@@ -119,7 +105,6 @@ function IncomingCall(props) {
     if (declineCallButtonId) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const declineCallButton = document.getElementById(declineCallButtonId);
-
       if (declineCallButton) {
         declineCallButton.focus();
       }
@@ -127,10 +112,10 @@ function IncomingCall(props) {
   }, []);
   return /*#__PURE__*/React.createElement(Stack, {
     horizontal: true,
-    className: (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.className,
+    className: (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.className,
     horizontalAlign: "space-between",
     styles: stackStyles,
-    dir: ((_props$controlProps18 = props.controlProps) === null || _props$controlProps18 === void 0 ? void 0 : _props$controlProps18.dir) ?? ((_defaultIncomingCallP27 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP27 === void 0 ? void 0 : _defaultIncomingCallP27.dir),
+    dir: ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.dir) ?? ((_defaultIncomingCallP19 = defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP19 === void 0 ? void 0 : _defaultIncomingCallP19.dir),
     role: "alert",
     "aria-label": incomingCallTitleProps === null || incomingCallTitleProps === void 0 ? void 0 : incomingCallTitleProps.text
   }, /*#__PURE__*/React.createElement(Stack, {
@@ -138,35 +123,35 @@ function IncomingCall(props) {
     id: Ids.IncomingCallLeftGroupId,
     verticalAlign: "center",
     tokens: leftGroupStackTokens
-  }, !((_props$controlProps19 = props.controlProps) !== null && _props$controlProps19 !== void 0 && _props$controlProps19.hideIncomingCallTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.incomingCallTitle) || /*#__PURE__*/React.createElement(Label, _extends({}, incomingCallTitleProps, {
+  }, !((_props$controlProps17 = props.controlProps) !== null && _props$controlProps17 !== void 0 && _props$controlProps17.hideIncomingCallTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.incomingCallTitle) || /*#__PURE__*/React.createElement(Label, _extends({}, incomingCallTitleProps, {
     id: incomingCallId + "-title",
     tabIndex: -1,
     styles: incomingCallTitleStyles
-  }), incomingCallTitleProps === null || incomingCallTitleProps === void 0 ? void 0 : incomingCallTitleProps.text)), processCustomComponents((_props$controlProps20 = props.controlProps) === null || _props$controlProps20 === void 0 ? void 0 : (_props$controlProps21 = _props$controlProps20.leftGroup) === null || _props$controlProps21 === void 0 ? void 0 : _props$controlProps21.children)), /*#__PURE__*/React.createElement(Stack, {
+  }), incomingCallTitleProps === null || incomingCallTitleProps === void 0 ? void 0 : incomingCallTitleProps.text)), processCustomComponents((_props$controlProps18 = props.controlProps) === null || _props$controlProps18 === void 0 || (_props$controlProps18 = _props$controlProps18.leftGroup) === null || _props$controlProps18 === void 0 ? void 0 : _props$controlProps18.children)), /*#__PURE__*/React.createElement(Stack, {
     horizontal: true,
     id: Ids.IncomingCallMiddleGroupId,
     verticalAlign: "center",
     tokens: middleGroupStackTokens
-  }, processCustomComponents((_props$controlProps22 = props.controlProps) === null || _props$controlProps22 === void 0 ? void 0 : (_props$controlProps23 = _props$controlProps22.middleGroup) === null || _props$controlProps23 === void 0 ? void 0 : _props$controlProps23.children)), /*#__PURE__*/React.createElement(Stack, {
+  }, processCustomComponents((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 || (_props$controlProps19 = _props$controlProps19.middleGroup) === null || _props$controlProps19 === void 0 ? void 0 : _props$controlProps19.children)), /*#__PURE__*/React.createElement(Stack, {
     horizontal: true,
     id: Ids.IncomingCallRightGroupId,
     verticalAlign: "center",
     tokens: rightGroupStackTokens
-  }, processCustomComponents((_props$controlProps24 = props.controlProps) === null || _props$controlProps24 === void 0 ? void 0 : (_props$controlProps25 = _props$controlProps24.rightGroup) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.children), !((_props$controlProps26 = props.controlProps) !== null && _props$controlProps26 !== void 0 && _props$controlProps26.hideDeclineCall) && /*#__PURE__*/React.createElement(CommandButton, _extends({}, declineCallButtonProps, {
+  }, processCustomComponents((_props$controlProps20 = props.controlProps) === null || _props$controlProps20 === void 0 || (_props$controlProps20 = _props$controlProps20.rightGroup) === null || _props$controlProps20 === void 0 ? void 0 : _props$controlProps20.children), !((_props$controlProps21 = props.controlProps) !== null && _props$controlProps21 !== void 0 && _props$controlProps21.hideDeclineCall) && /*#__PURE__*/React.createElement(CommandButton, _extends({}, declineCallButtonProps, {
     onClick: handleDeclineCallClick,
     id: declineCallButtonId,
     styles: declineCallButtonStyles,
     hoverStyles: declineCallButtonHoverStyles,
     focusStyles: incomingCallItemFocusStyles,
     customEvent: declineCustomEvent
-  })), !((_props$controlProps27 = props.controlProps) !== null && _props$controlProps27 !== void 0 && _props$controlProps27.hideVideoCall) && /*#__PURE__*/React.createElement(CommandButton, _extends({}, videoCallButtonProps, {
+  })), !((_props$controlProps22 = props.controlProps) !== null && _props$controlProps22 !== void 0 && _props$controlProps22.hideVideoCall) && /*#__PURE__*/React.createElement(CommandButton, _extends({}, videoCallButtonProps, {
     onClick: handleVideoCallClick,
     id: videoCallButtonId,
     styles: videoCallButtonStyles,
     hoverStyles: videoCallButtonHoverStyles,
     focusStyles: incomingCallItemFocusStyles,
     customEvent: videoCustomEvent
-  })), !((_props$controlProps28 = props.controlProps) !== null && _props$controlProps28 !== void 0 && _props$controlProps28.hideAudioCall) && /*#__PURE__*/React.createElement(CommandButton, _extends({}, audioCallButtonProps, {
+  })), !((_props$controlProps23 = props.controlProps) !== null && _props$controlProps23 !== void 0 && _props$controlProps23.hideAudioCall) && /*#__PURE__*/React.createElement(CommandButton, _extends({}, audioCallButtonProps, {
     onClick: handleAudioCallClick,
     id: audioCallButtonId,
     styles: audioCallButtonStyles,
@@ -175,5 +160,4 @@ function IncomingCall(props) {
     customEvent: audioCustomEvent
   }))));
 }
-
 export default IncomingCall;

package/lib/esm/components/callingcontainer/subcomponents/Timer/Timer.js

@@ -1,7 +1,6 @@
 import { Label } from "@fluentui/react";
 import React, { useEffect, useState } from "react";
 import { getHours, getMinutes, getSeconds } from "../../../../common/utils";
-
 function Timer(props) {
   const [time, setTime] = useState(0);
   const running = true;
@@ -18,5 +17,4 @@ function Timer(props) {
     styles: timerStyles
   }, props.showHours && getHours(time) + ":", getMinutes(time), ":", getSeconds(time));
 }
-
 export default Timer;

package/lib/esm/components/chatbutton/ChatButton.blankAnnouncements.a11y.spec.js

@@ -0,0 +1,159 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import "@testing-library/jest-dom/extend-expect";
+import { cleanup, render } from "@testing-library/react";
+import { BroadcastServiceInitialize } from "../../services/BroadcastService";
+import ChatButton from "./ChatButton";
+import LoadingPane from "../loadingpane/LoadingPane";
+import React from "react";
+import { defaultChatButtonProps } from "./common/defaultProps/defaultChatButtonProps";
+import { defaultLoadingPaneProps } from "../loadingpane/common/defaultProps/defaultLoadingPaneProps";
+
+/**
+ * Repro / catcher for internal tracking — screen reader announces hidden / irrelevant
+ * text such as "blank" while navigating the chat surface. NVDA / JAWS announce
+ * "blank" when they encounter:
+ *   - an element with an announceable role (button, link, textbox, listitem,
+ *     progressbar, etc.) that has an empty accessible name (no aria-label, no
+ *     aria-labelledby, no associated <label>, and no own text content), OR
+ *   - a live region (`aria-live="polite"` / `aria-live="assertive"`) that is
+ *     mounted with empty text content (each tick announces "blank").
+ *
+ * This catcher walks several rendered LCW surfaces and asserts neither pattern
+ * is present. Deterministic DOM contract — no SR needed.
+ *
+ * Surfaces covered today:
+ *   - ChatButton (default props) — regression guard; passes today.
+ *   - ChatButton with notification bubble forced visible at unreadCount=0 —
+ *     regression guard for the empty-live-region path; passes today.
+ *   - LoadingPane (default props) — regression guard; passes today.
+ *
+ * Scope note: the original bug surfaces inside WebChat-rendered chat session
+ * content (message bubbles, attachments, agent-supplied HTML), which is not
+ * reachable from chat-components unit tests. The Playwright catcher
+ * `automation_tests/e2e/areas/accessibility/blankAnnouncements.spec.ts` on
+ * `chore/a11y-tooling-foundation` walks the full a11y tree of a built
+ * `dist/out.js` and is the right vehicle for enumerating per-offender fixes.
+ * Promote additional surfaces here as they are wired into the catcher harness.
+ */
+
+beforeAll(() => {
+  BroadcastServiceInitialize("testChannel");
+});
+afterEach(() => {
+  cleanup();
+});
+const ANNOUNCEABLE_ROLES = new Set(["button", "link", "textbox", "combobox", "listbox", "listitem", "menu", "menuitem", "checkbox", "radio", "switch", "tab", "treeitem", "option", "searchbox", "progressbar", "alert", "status"]);
+const ANNOUNCEABLE_TAGS = new Set(["button", "a", "input", "select", "textarea"]);
+const isInsideAriaHidden = el => {
+  let cursor = el;
+  while (cursor) {
+    if (cursor.getAttribute("aria-hidden") === "true") return true;
+    cursor = cursor.parentElement;
+  }
+  return false;
+};
+const accessibleNameOf = el => {
+  const ariaLabel = (el.getAttribute("aria-label") || "").trim();
+  if (ariaLabel) return ariaLabel;
+  const labelledBy = (el.getAttribute("aria-labelledby") || "").trim();
+  if (labelledBy) {
+    const referenced = labelledBy.split(/\s+/).map(id => {
+      var _document$getElementB;
+      return ((_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.textContent) || "";
+    }).join(" ").trim();
+    if (referenced) return referenced;
+  }
+  if (el.tagName.toLowerCase() === "input") {
+    const id = el.id;
+    if (id) {
+      var _label$textContent;
+      const label = document.querySelector(`label[for="${CSS.escape(id)}"]`);
+      const labelText = label === null || label === void 0 || (_label$textContent = label.textContent) === null || _label$textContent === void 0 ? void 0 : _label$textContent.trim();
+      if (labelText) return labelText;
+    }
+    const placeholder = (el.getAttribute("placeholder") || "").trim();
+    if (placeholder) return placeholder;
+  }
+  if (el.tagName.toLowerCase() === "a") {
+    const title = (el.getAttribute("title") || "").trim();
+    if (title) return title;
+  }
+  return (el.textContent || "").trim();
+};
+const isAnnounceable = el => {
+  if (isInsideAriaHidden(el)) return false;
+  const role = (el.getAttribute("role") || "").toLowerCase();
+  if (role === "presentation" || role === "none") return false;
+  if (role && ANNOUNCEABLE_ROLES.has(role)) return true;
+  if (ANNOUNCEABLE_TAGS.has(el.tagName.toLowerCase())) {
+    // <input type="hidden"> is not announceable.
+    if (el.tagName.toLowerCase() === "input" && (el.getAttribute("type") || "").toLowerCase() === "hidden") {
+      return false;
+    }
+    return true;
+  }
+  return false;
+};
+const findEmptyAnnounceable = root => {
+  return Array.from(root.querySelectorAll("*")).filter(el => isAnnounceable(el) && accessibleNameOf(el) === "");
+};
+const findEmptyLiveRegions = root => {
+  return Array.from(root.querySelectorAll("[aria-live]")).filter(el => {
+    if (isInsideAriaHidden(el)) return false;
+    const live = (el.getAttribute("aria-live") || "").toLowerCase();
+    if (live !== "polite" && live !== "assertive") return false;
+    return (el.textContent || "").trim() === "";
+  });
+};
+const summarize = offenders => offenders.map(el => ({
+  tag: el.tagName.toLowerCase(),
+  id: el.id,
+  role: el.getAttribute("role"),
+  ariaLabel: el.getAttribute("aria-label"),
+  ariaLabelledBy: el.getAttribute("aria-labelledby"),
+  classes: el.className
+}));
+describe("ChatButton — 'blank' / empty-name announcements (internal tracking regression guard)", () => {
+  it("no announceable role/tag in the chat-button subtree may have an empty accessible name", () => {
+    const {
+      container
+    } = render(/*#__PURE__*/React.createElement(ChatButton, defaultChatButtonProps));
+    const button = container.firstElementChild;
+    expect(button).not.toBeNull();
+    expect(summarize(findEmptyAnnounceable(button))).toEqual([]);
+  });
+  it("no live region (aria-live=polite/assertive) in the chat-button subtree may be mounted with empty text", () => {
+    const props = {
+      ...defaultChatButtonProps,
+      controlProps: {
+        ...defaultChatButtonProps.controlProps,
+        unreadMessageCount: "0",
+        hideNotificationBubble: false
+      }
+    };
+    const {
+      container
+    } = render(/*#__PURE__*/React.createElement(ChatButton, props));
+    const button = container.firstElementChild;
+    expect(button).not.toBeNull();
+    expect(summarize(findEmptyLiveRegions(button))).toEqual([]);
+  });
+});
+describe("LoadingPane — 'blank' / empty-name announcements (internal tracking regression guard)", () => {
+  it("no announceable role/tag in the loading-pane subtree may have an empty accessible name", () => {
+    const {
+      container
+    } = render(/*#__PURE__*/React.createElement(LoadingPane, defaultLoadingPaneProps));
+    const pane = container.firstElementChild;
+    expect(pane).not.toBeNull();
+    expect(summarize(findEmptyAnnounceable(pane))).toEqual([]);
+  });
+  it("no live region (aria-live=polite/assertive) in the loading-pane subtree may be mounted with empty text", () => {
+    const {
+      container
+    } = render(/*#__PURE__*/React.createElement(LoadingPane, defaultLoadingPaneProps));
+    const pane = container.firstElementChild;
+    expect(pane).not.toBeNull();
+    expect(summarize(findEmptyLiveRegions(pane))).toEqual([]);
+  });
+});