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

package/lib/esm/components/reconnectchatpane/ReconnectChatPane.js

@@ -17,55 +17,48 @@ import { defaultReconnectChatPaneTitleStyles } from "./common/default/defaultSty
 import { defaultReconnectChatPaneWrapperStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneWrapperStyles";
 import { defaultReconnectChatPaneContinueChatFocusedStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneContinueChatButtonFocusedStyles";
 import { defaultReconnectChatPaneStartChatFocusedStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneStartChatButtonFocusedStyles";
-
 function ReconnectChatPane(props) {
-  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$controlProps8, _props$styleProps15, _props$styleProps15$c, _props$controlProps9, _props$controlProps10, _props$styleProps16, _props$styleProps16$c, _props$controlProps11, _props$componentOverr, _props$styleProps17, _props$styleProps17$c, _props$controlProps12, _props$controlProps13, _props$componentOverr2, _props$styleProps18, _props$styleProps18$c, _props$controlProps14, _props$controlProps15, _props$componentOverr3, _props$styleProps19, _props$styleProps19$c, _props$controlProps16, _props$controlProps17, _props$styleProps20, _props$styleProps20$c, _props$controlProps18, _props$componentOverr4, _props$styleProps21, _props$styleProps21$c, _props$controlProps19, _props$controlProps20, _props$controlProps21, _props$componentOverr5, _props$styleProps22, _props$styleProps22$c, _props$controlProps22, _props$controlProps23;
-
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$controlProps8, _props$styleProps13, _props$controlProps9, _props$controlProps0, _props$styleProps14, _props$controlProps1, _props$componentOverr, _props$styleProps15, _props$controlProps10, _props$controlProps11, _props$componentOverr2, _props$styleProps16, _props$controlProps12, _props$controlProps13, _props$componentOverr3, _props$styleProps17, _props$controlProps14, _props$controlProps15, _props$styleProps18, _props$controlProps16, _props$componentOverr4, _props$styleProps19, _props$controlProps17, _props$controlProps18, _props$controlProps19, _props$componentOverr5, _props$styleProps20, _props$controlProps20, _props$controlProps21;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultReconnectChatPaneControlProps.id;
   const handleContinueChatClick = useCallback(() => {
     var _props$controlProps2;
-
     if ((_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.onContinueChat) {
       var _props$controlProps3;
-
       const customEvent = {
         elementType: ElementType.ReconnectChatContinueChatButton,
         elementId: elementId + "-continueconversationbutton",
         eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(customEvent);
-      (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.onContinueChat();
+      (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 || _props$controlProps3.onContinueChat();
     }
   }, []);
   const handleStartNewChatClick = useCallback(() => {
     var _props$controlProps4;
-
     if ((_props$controlProps4 = props.controlProps) !== null && _props$controlProps4 !== void 0 && _props$controlProps4.onStartNewChat) {
       var _props$controlProps5;
-
       const customEvent = {
         elementType: ElementType.ReconnectChatStartNewChatButton,
         elementId: elementId + "-startnewconversationbutton",
         eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(customEvent);
-      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.onStartNewChat();
+      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 || _props$controlProps5.onStartNewChat();
     }
-  }, []); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, []);
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleEscKeyDown = useCallback(e => {
     var _props$controlProps6;
-
     if (e.code === KeyCodes.ESCAPE && (_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.onMinimize) {
       var _props$controlProps7;
-
       const customEvent = {
         elementType: ElementType.ReconnectChatPane,
         elementId: elementId,
         eventName: EventNames.OnEscapeKeyDown
       };
       BroadcastService.postMessage(customEvent);
-      (_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.onMinimize();
+      (_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 || _props$controlProps7.onMinimize();
     }
   }, []);
   const containerStyles = {
@@ -90,67 +83,66 @@ function ReconnectChatPane(props) {
     root: Object.assign({}, defaultReconnectChatPaneContinueChatButtonStyles, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.continueChatButtonStyleProps),
     rootHovered: Object.assign({}, defaultReconnectChatPaneContinueChatButtonHoveredStyles, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.continueChatButtonHoveredStyleProps),
     rootPressed: Object.assign({}, defaultReconnectChatPaneContinueChatButtonHoveredStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.continueChatButtonHoveredStyleProps),
-    rootFocused: Object.assign({}, defaultReconnectChatPaneContinueChatFocusedStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.continueChatButtonFocusedStyleProps)
+    rootFocused: Object.assign({}, defaultReconnectChatPaneContinueChatFocusedStyles, (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.continueChatButtonFocusedStyleProps)
   };
   const startNewChatButtonStyles = {
-    root: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.startNewChatButtonStyleProps),
-    rootHovered: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonHoveredStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.startNewChatButtonHoveredStyleProps),
-    rootPressed: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonHoveredStyles, (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.startNewChatButtonHoveredStyleProps),
-    rootFocused: Object.assign({}, defaultReconnectChatPaneStartChatFocusedStyles, (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.startNewChatButtonFocusedStyleProps)
+    root: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonStyles, (_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.startNewChatButtonStyleProps),
+    rootHovered: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.startNewChatButtonHoveredStyleProps),
+    rootPressed: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonHoveredStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.startNewChatButtonHoveredStyleProps),
+    rootFocused: Object.assign({}, defaultReconnectChatPaneStartChatFocusedStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.startNewChatButtonFocusedStyleProps)
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, !((_props$controlProps8 = props.controlProps) !== null && _props$controlProps8 !== void 0 && _props$controlProps8.hideReconnectChatPane) && /*#__PURE__*/React.createElement(Stack, {
-    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.containerClassName,
+    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 || (_props$styleProps13 = _props$styleProps13.classNames) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.containerClassName,
     id: elementId,
     tabIndex: -1,
     onKeyDown: handleEscKeyDown,
     dir: ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.dir) || defaultReconnectChatPaneControlProps.dir,
-    "aria-label": ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.reconnectChatPaneAriaLabel) || defaultReconnectChatPaneControlProps.reconnectChatPaneAriaLabel,
+    "aria-label": ((_props$controlProps0 = props.controlProps) === null || _props$controlProps0 === void 0 ? void 0 : _props$controlProps0.reconnectChatPaneAriaLabel) || defaultReconnectChatPaneControlProps.reconnectChatPaneAriaLabel,
     styles: containerStyles
   }, /*#__PURE__*/React.createElement(Stack, {
-    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.wrapperClassName,
+    className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 || (_props$styleProps14 = _props$styleProps14.classNames) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.wrapperClassName,
     styles: wrapperStyles,
     tabIndex: -1,
     id: elementId + "-wrapper"
-  }, !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.createElement(Label, {
-    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.titleClassName,
+  }, !((_props$controlProps1 = props.controlProps) !== null && _props$controlProps1 !== void 0 && _props$controlProps1.hideTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.createElement(Label, {
+    className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 || (_props$styleProps15 = _props$styleProps15.classNames) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.titleClassName,
     styles: titleStyles,
     tabIndex: -1,
     id: elementId + "-title"
-  }, ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.titleText) || defaultReconnectChatPaneControlProps.titleText)), !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(Label, {
-    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.subtitleClassName,
+  }, ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.titleText) || defaultReconnectChatPaneControlProps.titleText)), !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(Label, {
+    className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 || (_props$styleProps16 = _props$styleProps16.classNames) === null || _props$styleProps16 === void 0 ? void 0 : _props$styleProps16.subtitleClassName,
     styles: subtitleStyles,
     tabIndex: -1,
     id: elementId + "-subtitle"
-  }, ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.subtitleText) || defaultReconnectChatPaneControlProps.subtitleText)), !((_props$controlProps15 = props.controlProps) !== null && _props$controlProps15 !== void 0 && _props$controlProps15.hideIcon) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.icon) || /*#__PURE__*/React.createElement(Icon, {
-    className: (_props$styleProps19 = props.styleProps) === null || _props$styleProps19 === void 0 ? void 0 : (_props$styleProps19$c = _props$styleProps19.classNames) === null || _props$styleProps19$c === void 0 ? void 0 : _props$styleProps19$c.iconClassName,
+  }, ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.subtitleText) || defaultReconnectChatPaneControlProps.subtitleText)), !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideIcon) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.icon) || /*#__PURE__*/React.createElement(Icon, {
+    className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 || (_props$styleProps17 = _props$styleProps17.classNames) === null || _props$styleProps17 === void 0 ? void 0 : _props$styleProps17.iconClassName,
     styles: iconStyles,
     tabIndex: -1,
     role: "img",
     id: elementId + "-icon",
-    "aria-label": ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.iconAriaLabel) || defaultReconnectChatPaneControlProps.iconAriaLabel
+    "aria-label": ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.iconAriaLabel) || defaultReconnectChatPaneControlProps.iconAriaLabel
   })), /*#__PURE__*/React.createElement(Stack, {
-    horizontal: ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.isButtonGroupHorizontal) || defaultReconnectChatPaneControlProps.isButtonGroupHorizontal,
-    className: (_props$styleProps20 = props.styleProps) === null || _props$styleProps20 === void 0 ? void 0 : (_props$styleProps20$c = _props$styleProps20.classNames) === null || _props$styleProps20$c === void 0 ? void 0 : _props$styleProps20$c.buttonGroupClassName,
+    horizontal: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.isButtonGroupHorizontal) || defaultReconnectChatPaneControlProps.isButtonGroupHorizontal,
+    className: (_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 || (_props$styleProps18 = _props$styleProps18.classNames) === null || _props$styleProps18 === void 0 ? void 0 : _props$styleProps18.buttonGroupClassName,
     styles: buttonGroupStyles,
     tabIndex: -1,
     id: elementId + "-buttongroup"
-  }, !((_props$controlProps18 = props.controlProps) !== null && _props$controlProps18 !== void 0 && _props$controlProps18.hideContinueChatButton) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.continueChatButton) || /*#__PURE__*/React.createElement(DefaultButton, {
-    className: (_props$styleProps21 = props.styleProps) === null || _props$styleProps21 === void 0 ? void 0 : (_props$styleProps21$c = _props$styleProps21.classNames) === null || _props$styleProps21$c === void 0 ? void 0 : _props$styleProps21$c.continueChatButtonClassName,
+  }, !((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.hideContinueChatButton) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.continueChatButton) || /*#__PURE__*/React.createElement(DefaultButton, {
+    className: (_props$styleProps19 = props.styleProps) === null || _props$styleProps19 === void 0 || (_props$styleProps19 = _props$styleProps19.classNames) === null || _props$styleProps19 === void 0 ? void 0 : _props$styleProps19.continueChatButtonClassName,
     styles: continueChatButtonStyles,
     tabIndex: 0,
-    text: ((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 ? void 0 : _props$controlProps19.continueChatButtonText) || defaultReconnectChatPaneControlProps.continueChatButtonText,
+    text: ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.continueChatButtonText) || defaultReconnectChatPaneControlProps.continueChatButtonText,
     onClick: handleContinueChatClick,
     id: elementId + "-continueconversationbutton",
-    "aria-label": ((_props$controlProps20 = props.controlProps) === null || _props$controlProps20 === void 0 ? void 0 : _props$controlProps20.continueChatButtonAriaLabel) || defaultReconnectChatPaneControlProps.continueChatButtonAriaLabel
-  })), !((_props$controlProps21 = props.controlProps) !== null && _props$controlProps21 !== void 0 && _props$controlProps21.hideStartNewChatButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.startNewChatButton) || /*#__PURE__*/React.createElement(DefaultButton, {
-    className: (_props$styleProps22 = props.styleProps) === null || _props$styleProps22 === void 0 ? void 0 : (_props$styleProps22$c = _props$styleProps22.classNames) === null || _props$styleProps22$c === void 0 ? void 0 : _props$styleProps22$c.startNewChatButtonClassName,
+    "aria-label": ((_props$controlProps18 = props.controlProps) === null || _props$controlProps18 === void 0 ? void 0 : _props$controlProps18.continueChatButtonAriaLabel) || defaultReconnectChatPaneControlProps.continueChatButtonAriaLabel
+  })), !((_props$controlProps19 = props.controlProps) !== null && _props$controlProps19 !== void 0 && _props$controlProps19.hideStartNewChatButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.startNewChatButton) || /*#__PURE__*/React.createElement(DefaultButton, {
+    className: (_props$styleProps20 = props.styleProps) === null || _props$styleProps20 === void 0 || (_props$styleProps20 = _props$styleProps20.classNames) === null || _props$styleProps20 === void 0 ? void 0 : _props$styleProps20.startNewChatButtonClassName,
     styles: startNewChatButtonStyles,
     tabIndex: 0,
-    text: ((_props$controlProps22 = props.controlProps) === null || _props$controlProps22 === void 0 ? void 0 : _props$controlProps22.startNewChatButtonText) || defaultReconnectChatPaneControlProps.startNewChatButtonText,
+    text: ((_props$controlProps20 = props.controlProps) === null || _props$controlProps20 === void 0 ? void 0 : _props$controlProps20.startNewChatButtonText) || defaultReconnectChatPaneControlProps.startNewChatButtonText,
     onClick: handleStartNewChatClick,
     id: elementId + "-startnewconversationbutton",
-    "aria-label": ((_props$controlProps23 = props.controlProps) === null || _props$controlProps23 === void 0 ? void 0 : _props$controlProps23.startNewChatButtonAriaLabel) || defaultReconnectChatPaneControlProps.startNewChatButtonAriaLabel
+    "aria-label": ((_props$controlProps21 = props.controlProps) === null || _props$controlProps21 === void 0 ? void 0 : _props$controlProps21.startNewChatButtonAriaLabel) || defaultReconnectChatPaneControlProps.startNewChatButtonAriaLabel
   }))))));
 }
-
 export default ReconnectChatPane;

package/lib/esm/services/BroadcastService.js

@@ -3,19 +3,20 @@ import { filter } from "rxjs/operators";
 import { BroadcastChannel } from "broadcast-channel";
 import { uuidv4 } from "../common/utils";
 import EventQueue from "./EventQueue";
-const newMessage = new Subject(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+const newMessage = new Subject();
 
-const broadcastServicePubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-const broadcastServiceSubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-let pubChannel; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const broadcastServicePubList = {};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const broadcastServiceSubList = {};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let pubChannel;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 let subChannel;
 let eventQueue;
 export const BroadcastServiceInitialize = channelName => {
   eventQueue = new EventQueue(newMessage);
-
   if (broadcastServicePubList[channelName]) {
     pubChannel = broadcastServicePubList[channelName];
   } else {
@@ -23,16 +24,15 @@ export const BroadcastServiceInitialize = channelName => {
     broadcastServicePubList[channelName] = newPubChannel;
     pubChannel = newPubChannel;
   }
-
   if (broadcastServiceSubList[channelName]) {
     subChannel = broadcastServiceSubList[channelName];
   } else {
     const newSubChannel = new BroadcastChannel(channelName);
     broadcastServiceSubList[channelName] = newSubChannel;
     subChannel = newSubChannel;
-  } // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+  }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   subChannel.onmessage = message => {
     newMessage.next(message);
     eventQueue.popEvent(message);
@@ -45,7 +45,6 @@ export const BroadcastService = {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
       retry: true
     };
-
     /**
      * Omit copying methods to prevent 'DataCloneError' in older browsers when passing an object with functions
      * This exception occurs when an object can't be clone with the 'structured clone algorithm' (used by postMessage)
@@ -53,7 +52,8 @@ export const BroadcastService = {
     try {
       const messageCopy = JSON.parse(JSON.stringify(message));
       const eventId = uuidv4();
-      const event = { ...messageCopy,
+      const event = {
+        ...messageCopy,
         eventId
       };
       eventQueue.pushEvent(event);
@@ -61,7 +61,6 @@ export const BroadcastService = {
     } catch (error) {
       console.error("Error in BroadcastService.postMessage:", error);
     }
-
     if (options !== null && options !== void 0 && options.retry) {
       const queueTimeout = (options === null || options === void 0 ? void 0 : options.queueTimeout) || 500;
       eventQueue.startQueue(queueTimeout);

package/lib/esm/services/EventQueue.js

@@ -1,37 +1,29 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class EventQueue {
   constructor(newMessage) {
     _defineProperty(this, "queueing", false);
-
     _defineProperty(this, "channelEventQueue", void 0);
-
     _defineProperty(this, "queueingId", void 0);
-
     _defineProperty(this, "newMessage", void 0);
-
     this.channelEventQueue = new Map();
     this.newMessage = newMessage;
   }
-
   processEvents() {
     this.channelEventQueue.forEach((event, eventId) => {
       // Process entry based on insertion order
       this.newMessage.next(event); // Post event directly instead of using pubChannel
-
       this.channelEventQueue.delete(eventId); // Remove event from queue regardless of outcome
     });
   }
-
   queueEvents() {
     let timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 500;
     this.stopIfEmpty();
-
     if (this.queueingId) {
       // Queueing in progress
       return;
     }
-
     if (this.queueing) {
       this.queueingId = setTimeout(() => {
         this.processEvents();
@@ -39,45 +31,36 @@ class EventQueue {
       }, timeout);
     }
   }
-
   startQueue() {
     let timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 500;
     this.queueing = true;
     this.queueEvents(timeout);
   }
-
   stopIfEmpty() {
     if (this.channelEventQueue.size === 0) {
       if (this.queueingId) {
         clearTimeout(this.queueingId);
       }
-
       this.queueing = false;
       this.queueingId = undefined;
     }
   }
-
   pushEvent(event) {
     if (event.eventId) {
       this.channelEventQueue.set(event.eventId, event);
     }
   }
-
   popEvent(event) {
     if (event.eventId) {
       this.channelEventQueue.delete(event.eventId);
     }
   }
-
   dispose() {
     if (this.queueingId) {
       clearTimeout(this.queueingId);
       this.queueingId = undefined;
     }
-
     this.channelEventQueue.clear();
   }
-
 }
-
 export default EventQueue;

package/lib/types/common/Constants.d.ts

@@ -150,6 +150,8 @@ export declare const AriaLabels: {
     readonly ReconnectChatPaneIcon: "Reconnect Chat Pane Icon";
     readonly ContinueConversation: "Continue conversation";
     readonly StartNewConversation: "Start new conversation";
+    readonly InputValidationPaneButtonGroup: "Actions";
+    readonly ConfirmationPaneButtonGroup: "Actions";
 };
 export declare const EventNames: {
     new (): {};

package/lib/types/components/chatbutton/ChatButton.blankAnnouncements.a11y.spec.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/extend-expect";

package/lib/types/components/chatbutton/ChatButton.browseMode.a11y.spec.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/extend-expect";

package/lib/types/components/chatbutton/ChatButton.browseMode.unfixed.a11y.spec.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/extend-expect";

package/lib/types/components/confirmationpane/interfaces/IConfirmationPaneControlProps.d.ts

@@ -6,6 +6,7 @@ export interface IConfirmationPaneControlProps {
     titleText?: string;
     hideSubtitle?: boolean;
     subtitleText?: string;
+    buttonGroupAriaLabel?: string;
     hideConfirmButton?: boolean;
     confirmButtonText?: string;
     confirmButtonAriaLabel?: string;

package/lib/types/components/header/interfaces/IHeaderStyleProps.d.ts

@@ -37,4 +37,16 @@ export interface IHeaderStyleProps {
      * header item button fucus style props
      */
     headerItemFocusStyleProps?: IStyle;
+    /**
+     * header left group container style props
+     */
+    headerLeftGroupStyleProps?: IStyle;
+    /**
+     * header left group inner container style props
+     */
+    headerLeftGroupInnerContainerStyleProps?: IStyle;
+    /**
+     * header title container (h1) style props
+     */
+    titleContainerStyleProps?: IStyle;
 }

package/lib/types/components/inputvalidationpane/interfaces/IInputValidationPaneControlProps.d.ts

@@ -15,6 +15,7 @@ export interface IInputValidationPaneControlProps {
     inputPlaceHolder?: string;
     invalidInputErrorMessageText?: string;
     isButtonGroupHorizontal?: boolean;
+    buttonGroupAriaLabel?: string;
     hideSendButton?: boolean;
     enableSendButton?: boolean;
     sendButtonText?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-components",
-  "version": "1.1.16",
+  "version": "1.1.17-main.05edfd3",
   "description": "Microsoft Omnichannel Chat Components",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -20,18 +20,19 @@
     "./package.json": "./package.json"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@storybook/addon-a11y": "^6.4.8",
-    "@storybook/addon-actions": "^6.4.8",
-    "@storybook/addon-essentials": "^6.4.8",
+    "@babel/cli": "^7.26.10",
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.10",
+    "@babel/preset-react": "^7.26.10",
+    "@babel/preset-typescript": "^7.26.10",
+    "@storybook/addon-a11y": "^6.5.16",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
     "@storybook/addon-knobs": "^6.4.0",
-    "@storybook/addon-links": "^6.4.8",
+    "@storybook/addon-links": "^6.5.16",
     "@storybook/addon-storyshots": "^6.4.8",
-    "@storybook/react": "^6.4.8",
-    "@storybook/testing-react": "^1.2.1",
+    "@storybook/react": "^6.5.16",
+    "@storybook/testing-react": "^1.3.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^16.3.0",
@@ -40,12 +41,11 @@
     "@types/jest-image-snapshot": "^4.3.1",
     "@types/react": "^18.3.13",
     "@types/react-dom": "^18.3.6",
-    "@types/styled-components": "^5.1.15",
     "@typescript-eslint/eslint-plugin": "^8.33.0",
     "@typescript-eslint/parser": "^8.33.0",
     "babel-jest": "^27.3.1",
     "babel-loader": "^8.2.2",
-    "botframework-directlinejs": "^0.15.0",
+    "browserslist": "^4.24.0",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "eslint": "^9.27.0",
@@ -57,9 +57,14 @@
     "eslint-plugin-storybook": "^0.5.3",
     "jest": "^27.3.1",
     "jest-dom": "^4.0.0",
+    "jest-axe": "^10.0.0",
     "jest-image-snapshot": "^4.5.1",
+    "jest-transform-stub": "^2.0.0",
     "json": "^11.0.0",
     "playwright": "^1.16.3",
+    "@axe-core/playwright": "^4.10.2",
+    "@axe-core/react": "^4.10.2",
+    "accessibility-insights-scan": "^3.0.0",
     "postcss": "^8.3.9",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -70,18 +75,29 @@
   "dependencies": {
     "@fluentui/react": "^8.46.0",
     "adaptivecards": "^2.10.0",
-    "botframework-webchat": "4.18.1-main.20250515.4c7400a",
     "broadcast-channel": "^4.5.0",
-    "jest-transform-stub": "^2.0.0",
-    "rxjs": "^5.0.3",
-    "styled-components": "^5.3.1"
+    "rxjs": "^5.0.3"
   },
   "scripts": {
     "storybook": "start-storybook -p 6006",
     "build-storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider build-storybook",
     "build": "yarn eslint . && yarn build:esm && yarn build:cjs && tsc",
     "test:unit": "jest -c jest.config.unit.cjs --env=jsdom --runInBand --force-exit",
+    "test:a11y": "jest -c jest.config.a11y.cjs --runInBand --force-exit",
     "test:visual": "jest -c jest.config.visual.cjs",
+    "pretest:visual": "yarn playwright install",
+    "test:visual:mobile:ios": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=mobile-iphone yarn test:visual",
+    "test:visual:mobile:android": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=mobile-android yarn test:visual",
+    "test:visual:reflow": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=reflow-320 yarn test:visual",
+    "test:visual:zoom": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=zoom-200 yarn test:visual",
+    "test:visual:forced-colors": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=forced-colors yarn test:visual",
+    "test:visual:contrast-more": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=contrast-more yarn test:visual",
+    "scan:a11y:axe": "node ../tools/accessibility/axeScan.cjs",
+    "scan:a11y:axe:gated": "node ../tools/accessibility/axeScan.cjs --gate-rules image-alt,button-name",
+    "scan:a11y:axe:build": "yarn build-storybook && yarn scan:a11y:axe",
+    "scan:a11y:insights": "node ../tools/accessibility/insightsScan.cjs",
+    "scan:a11y:insights:build": "yarn build-storybook && yarn scan:a11y:insights",
+    "scan:a11y": "yarn build-storybook && yarn scan:a11y:axe && yarn scan:a11y:insights",
     "test:all": "yarn test:unit && yarn test:visual",
     "build:cjs": "babel ./src --config-file ./babel.config.json --out-dir lib/cjs --extensions .ts,.js,.tsx --ignore ./**/*.test.ts,./**/*.stories.ts,./**/*.stories.tsx,./**/*.test.tsx",
     "build:esm": "babel ./src --config-file ./babel.esm.config.json --out-dir lib/esm --extensions .ts,.js,.tsx --ignore ./**/*.test.ts,./**/*.stories.ts,./**/*.stories.tsx,./**/*.test.tsx",
@@ -96,6 +112,7 @@
     "**/markdown-it": "12.3.2",
     "**/minimist": "1.2.6",
     "**/sanitize-html": "2.12.1",
-    "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.cd77847.0"
+    "**/lodash": "4.17.23",
+    "**/brace-expansion": "2.0.2"
   }
 }