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

package/lib/esm/components/citationpane/CitationPane.js

@@ -13,24 +13,20 @@ import { defaultCitationPaneTitleStyles } from "./common/defaultStyles/defaultCi
 import { defaultCitationPaneTopCloseButtonFocusedStyles } from "./common/defaultStyles/defaultCitationPaneTopCloseButtonFocusedStyles";
 import { defaultCitationPaneTopCloseButtonHoveredStyles } from "./common/defaultStyles/defaultCitationPaneTopCloseButtonHoveredStyles";
 import { defaultCitationPaneTopCloseButtonStyles } from "./common/defaultStyles/defaultCitationPaneTopCloseButtonStyles";
-
 function CitationPane(props) {
-  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$controlProps4, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$controlProps5, _props$styleProps12, _props$styleProps12$c, _props$controlProps6, _props$componentOverr, _props$controlProps7, _props$styleProps13, _props$styleProps13$c, _props$controlProps8, _props$componentOverr2, _props$styleProps14, _props$styleProps14$c, _props$controlProps9, _props$styleProps15, _props$styleProps15$c, _props$controlProps10, _props$controlProps11, _props$componentOverr3, _props$controlProps12, _props$controlProps13, _props$styleProps16, _props$styleProps16$c;
-
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$controlProps4, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$controlProps5, _props$styleProps10, _props$controlProps6, _props$componentOverr, _props$controlProps7, _props$styleProps11, _props$controlProps8, _props$componentOverr2, _props$styleProps12, _props$controlProps9, _props$styleProps13, _props$controlProps0, _props$controlProps1, _props$componentOverr3, _props$controlProps10, _props$controlProps11, _props$styleProps14;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultCitationPaneControlProps.id;
   const handleClose = useCallback(() => {
     var _props$controlProps2;
-
     if ((_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.onClose) {
       var _props$controlProps3;
-
       const customEvent = {
         elementType: ElementType.CitationPaneCloseButton,
         elementId: elementId + "-close",
         eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(customEvent);
-      (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.onClose();
+      (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 || _props$controlProps3.onClose();
     }
   }, [props.controlProps, elementId]);
   const handleTopClose = useCallback(() => {
@@ -43,8 +39,9 @@ function CitationPane(props) {
       BroadcastService.postMessage(customEvent);
       handleClose();
     }
-  }, [props.controlProps, elementId]); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, [props.controlProps, elementId]);
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleEscKeyDown = useCallback(e => {
     if (e.key === "Escape") {
       handleClose();
@@ -53,13 +50,13 @@ function CitationPane(props) {
   const containerStyles = {
     root: Object.assign({}, defaultCitationPaneGeneralStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps, {
       position: "relative" // Ensure container is positioned for absolute positioning of top close button
-
     })
   };
   const titleStyles = {
     root: Object.assign({}, defaultCitationPaneTitleStyles, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.titleStyleProps)
   };
-  const contentStyles = { ...defaultCitationPaneContentStyles,
+  const contentStyles = {
+    ...defaultCitationPaneContentStyles,
     ...((_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.contentStyleProps)
   };
   const closeButtonStyles = {
@@ -78,8 +75,8 @@ function CitationPane(props) {
       left: "auto"
     }),
     rootHovered: Object.assign({}, defaultCitationPaneTopCloseButtonHoveredStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.topCloseButtonHoveredStyleProps),
-    rootFocused: Object.assign({}, defaultCitationPaneTopCloseButtonFocusedStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.topCloseButtonFocusedStyleProps),
-    rootPressed: Object.assign({}, defaultCitationPaneTopCloseButtonHoveredStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.topCloseButtonHoveredStyleProps)
+    rootFocused: Object.assign({}, defaultCitationPaneTopCloseButtonFocusedStyles, (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.topCloseButtonFocusedStyleProps),
+    rootPressed: Object.assign({}, defaultCitationPaneTopCloseButtonHoveredStyles, (_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.topCloseButtonHoveredStyleProps)
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
     id: elementId,
@@ -88,7 +85,7 @@ function CitationPane(props) {
     "aria-describedby": elementId + "-content",
     dir: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.dir) || defaultCitationPaneControlProps.dir,
     styles: containerStyles,
-    className: (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : (_props$styleProps12$c = _props$styleProps12.classNames) === null || _props$styleProps12$c === void 0 ? void 0 : _props$styleProps12$c.containerClassName,
+    className: (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 || (_props$styleProps10 = _props$styleProps10.classNames) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.containerClassName,
     onKeyDown: handleEscKeyDown,
     tabIndex: -1
   }, !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hideTopCloseButton) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.topCloseButton) || /*#__PURE__*/React.createElement(IconButton, {
@@ -99,26 +96,25 @@ function CitationPane(props) {
     },
     ariaLabel: ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.topCloseButtonAriaLabel) || defaultCitationPaneControlProps.topCloseButtonAriaLabel,
     styles: topCloseButtonStyles,
-    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : (_props$styleProps13$c = _props$styleProps13.classNames) === null || _props$styleProps13$c === void 0 ? void 0 : _props$styleProps13$c.topCloseButtonClassName
+    className: (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 || (_props$styleProps11 = _props$styleProps11.classNames) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.topCloseButtonClassName
   })), !((_props$controlProps8 = props.controlProps) !== null && _props$controlProps8 !== void 0 && _props$controlProps8.hideTitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.title) || /*#__PURE__*/React.createElement(Label, {
     id: elementId + "-title",
     styles: titleStyles,
-    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.titleClassName
+    className: (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 || (_props$styleProps12 = _props$styleProps12.classNames) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.titleClassName
   }, ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.titleText) || defaultCitationPaneControlProps.titleText)), /*#__PURE__*/React.createElement("div", {
     id: elementId + "-content",
     style: contentStyles,
-    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.contentClassName,
+    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 || (_props$styleProps13 = _props$styleProps13.classNames) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.contentClassName,
     dangerouslySetInnerHTML: {
-      __html: ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.contentHtml) ?? ""
+      __html: ((_props$controlProps0 = props.controlProps) === null || _props$controlProps0 === void 0 ? void 0 : _props$controlProps0.contentHtml) ?? ""
     }
-  }), !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideCloseButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.closeButton) || /*#__PURE__*/React.createElement(DefaultButton, {
+  }), !((_props$controlProps1 = props.controlProps) !== null && _props$controlProps1 !== void 0 && _props$controlProps1.hideCloseButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.closeButton) || /*#__PURE__*/React.createElement(DefaultButton, {
     onClick: handleClose,
     id: elementId + "-close",
-    text: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.closeButtonText) || defaultCitationPaneControlProps.closeButtonText,
-    ariaLabel: ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.closeButtonAriaLabel) || defaultCitationPaneControlProps.closeButtonAriaLabel,
+    text: ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.closeButtonText) || defaultCitationPaneControlProps.closeButtonText,
+    ariaLabel: ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.closeButtonAriaLabel) || defaultCitationPaneControlProps.closeButtonAriaLabel,
     styles: closeButtonStyles,
-    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.closeButtonClassName
+    className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 || (_props$styleProps14 = _props$styleProps14.classNames) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.closeButtonClassName
   }))));
 }
-
 export default CitationPane;

package/lib/esm/components/citationpane/ScalingTest.js

@@ -1,10 +1,10 @@
 import CitationPane from "./CitationPane";
 import React from "react";
+
 /**
  * Test component to verify CitationPane scaling behavior at different zoom levels
  * This demonstrates how the component responds to 50% to 400% view sizes
  */
-
 export const CitationPaneScalingTest = () => {
   const baseProps = {
     controlProps: {

package/lib/esm/components/citationpane/common/defaultStyles/defaultCitationPaneCloseButtonStyles.js

@@ -21,7 +21,6 @@ export const defaultCitationPaneCloseButtonStyles = {
   // Responsive hiding at high zoom levels for better content space
   "@media (min-resolution: 2.5dppx), (min-resolution: 240dpi)": {
     display: "none" // Hide at 250%+ zoom to preserve content space
-
   },
   selectors: {
     ":hover": {
@@ -32,7 +31,6 @@ export const defaultCitationPaneCloseButtonStyles = {
       outline: "0.125em solid #0078d4",
       // Scalable outline
       outlineOffset: "0.125em" // Scalable offset
-
     },
     ":active": {
       backgroundColor: "#d2d0ce",

package/lib/esm/components/citationpane/common/defaultStyles/defaultCitationPaneContentStyles.js

@@ -10,5 +10,4 @@ export const defaultCitationPaneContentStyles = {
   overflow: "auto",
   // Enable scrolling for long content
   paddingRight: "0.125em" // Reduced padding to give more space for text at high zoom (scalable)
-
 };

package/lib/esm/components/citationpane/common/defaultStyles/defaultCitationPaneGeneralStyles.js

@@ -22,5 +22,4 @@ export const defaultCitationPaneGeneralStyles = {
   maxHeight: "30em",
   // Container-relative height instead of viewport-based
   overflow: "hidden" // Hide overflow on container, let content area handle scrolling
-
 };

package/lib/esm/components/citationpane/common/defaultStyles/defaultCitationPaneTopCloseButtonStyles.js

@@ -31,6 +31,5 @@ export const defaultCitationPaneTopCloseButtonStyles = {
     outline: "0.125em solid #605e5c",
     // Scalable outline
     outlineOffset: "0.125em" // Scalable offset
-
   }
 };

package/lib/esm/components/common/commandbutton/CommandButton.js

@@ -2,10 +2,8 @@ import { DefaultButton, IconButton } from "@fluentui/react";
 import React, { useCallback } from "react";
 import { BroadcastService } from "../../../services/BroadcastService";
 import { ElementType, EventNames, ButtonTypes } from "../../../common/Constants";
-
 function CommandButton(props) {
   var _props$hoverStyles, _props$hoverStyles2, _props$focusStyles;
-
   //imageIconProps > iconName
   const iconProp = props.imageIconProps ? {
     imageProps: props.imageIconProps
@@ -13,28 +11,30 @@ function CommandButton(props) {
     iconName: props.iconName
   };
   let iconStyles = {};
-
   if (props.type === ButtonTypes.Icon) {
     var _props$styles;
-
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    iconStyles = { ...(props === null || props === void 0 ? void 0 : (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.icon)
+    iconStyles = {
+      ...(props === null || props === void 0 || (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.icon)
     };
   }
-
   const buttonStyles = {
-    icon: { ...iconStyles
+    icon: {
+      ...iconStyles
     },
     root: {
       selectors: {
-        ":hover .ms-Button-icon": { // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ...(props === null || props === void 0 ? void 0 : (_props$hoverStyles = props.hoverStyles) === null || _props$hoverStyles === void 0 ? void 0 : _props$hoverStyles.icon)
+        ":hover .ms-Button-icon": {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ...(props === null || props === void 0 || (_props$hoverStyles = props.hoverStyles) === null || _props$hoverStyles === void 0 ? void 0 : _props$hoverStyles.icon)
         },
-        ":active .ms-Button-icon": { // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ...(props === null || props === void 0 ? void 0 : (_props$hoverStyles2 = props.hoverStyles) === null || _props$hoverStyles2 === void 0 ? void 0 : _props$hoverStyles2.icon)
+        ":active .ms-Button-icon": {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ...(props === null || props === void 0 || (_props$hoverStyles2 = props.hoverStyles) === null || _props$hoverStyles2 === void 0 ? void 0 : _props$hoverStyles2.icon)
         },
-        ":focus .ms-Button-icon": { // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ...(props === null || props === void 0 ? void 0 : (_props$focusStyles = props.focusStyles) === null || _props$focusStyles === void 0 ? void 0 : _props$focusStyles.icon)
+        ":focus .ms-Button-icon": {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ...(props === null || props === void 0 || (_props$focusStyles = props.focusStyles) === null || _props$focusStyles === void 0 ? void 0 : _props$focusStyles.icon)
         }
       },
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -52,7 +52,7 @@ function CommandButton(props) {
         elementId: props === null || props === void 0 ? void 0 : props.id
       };
       BroadcastService.postMessage(customEvent);
-      props === null || props === void 0 ? void 0 : props.onClick();
+      props === null || props === void 0 || props.onClick();
     }
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.type === ButtonTypes.Text && /*#__PURE__*/React.createElement(DefaultButton, {
@@ -75,5 +75,4 @@ function CommandButton(props) {
     className: props.className
   }));
 }
-
 export default CommandButton;

package/lib/esm/components/common/subcomponents/CloseButton.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { AriaLabels, ElementType, EventNames, IconNames, Texts } from "../../../common/Constants";
 import CommandButton from "../commandbutton/CommandButton";
-
 function CloseButton(props) {
   const {
     type
@@ -26,5 +25,4 @@ function CloseButton(props) {
     customEvent: customEvent
   });
 }
-
 export default CloseButton;

package/lib/esm/components/confirmationpane/ConfirmationPane.js

@@ -15,42 +15,37 @@ import { defaultConfirmationPaneSubtitleStyles } from "./common/defaultStyles/de
 import { defaultConfirmationPaneTitleStyles } from "./common/defaultStyles/defaultConfirmationPaneTitleStyles";
 import { defaultConfirmationPaneConfirmButtonFocusedStyles } from "./common/defaultStyles/defaultConfirmationPaneConfirmButtonFocusedStyles";
 import { defaultConfirmationPaneCancelButtonFocusedStyles } from "./common/defaultStyles/defaultConfirmationPaneCancelButtonFocusedStyles";
-
 function ConfirmationPane(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$controlProps6, _props$controlProps7, _props$controlProps8, _props$componentOverr, _props$styleProps13, _props$styleProps13$c, _props$controlProps9, _props$controlProps10, _props$componentOverr2, _props$styleProps14, _props$styleProps14$c, _props$controlProps11, _props$styleProps15, _props$styleProps15$c, _props$controlProps12, _props$componentOverr3, _props$styleProps16, _props$styleProps16$c, _props$controlProps13, _props$controlProps14, _props$controlProps15, _props$componentOverr4, _props$styleProps17, _props$styleProps17$c, _props$controlProps16, _props$controlProps17;
-
+  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$controlProps6, _props$controlProps7, _props$controlProps8, _props$componentOverr, _props$styleProps11, _props$controlProps9, _props$controlProps0, _props$componentOverr2, _props$styleProps12, _props$controlProps1, _props$styleProps13, _props$controlProps10, _props$controlProps11, _props$componentOverr3, _props$styleProps14, _props$controlProps12, _props$controlProps13, _props$controlProps14, _props$componentOverr4, _props$styleProps15, _props$controlProps15, _props$controlProps16;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultConfirmationPaneControlProps.id;
   const handleConfirmClick = useCallback(() => {
     var _props$controlProps2;
-
     if ((_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.onConfirm) {
       var _props$controlProps3;
-
       const customEvent = {
         elementType: ElementType.ConfirmationPaneConfirmButton,
         elementId: elementId + "-confirmbutton",
         eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(customEvent);
-      (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.onConfirm();
+      (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 || _props$controlProps3.onConfirm();
     }
   }, []);
   const handleCancelClick = useCallback(() => {
     var _props$controlProps4;
-
     if ((_props$controlProps4 = props.controlProps) !== null && _props$controlProps4 !== void 0 && _props$controlProps4.onCancel) {
       var _props$controlProps5;
-
       const customEvent = {
         elementType: ElementType.ConfirmationPaneCancelButton,
         elementId: elementId + "-cancelbutton",
         eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(customEvent);
-      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.onCancel();
+      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 || _props$controlProps5.onCancel();
     }
-  }, []); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, []);
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleEscKeyDown = useCallback(e => {
     if (e.code === KeyCodes.ESCAPE) {
       handleCancelClick();
@@ -76,9 +71,9 @@ function ConfirmationPane(props) {
   };
   const cancelButtonStyles = {
     root: Object.assign({}, defaultConfirmationPaneCancelButtonStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.cancelButtonStyleProps),
-    rootHovered: Object.assign({}, defaultConfirmationPaneCancelButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.cancelButtonHoveredStyleProps),
-    rootFocused: Object.assign({}, defaultConfirmationPaneCancelButtonFocusedStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.cancelButtonFocusedStyleProps),
-    rootPressed: Object.assign({}, defaultConfirmationPaneCancelButtonHoveredStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.cancelButtonHoveredStyleProps)
+    rootHovered: Object.assign({}, defaultConfirmationPaneCancelButtonHoveredStyles, (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.cancelButtonHoveredStyleProps),
+    rootFocused: Object.assign({}, defaultConfirmationPaneCancelButtonFocusedStyles, (_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.cancelButtonFocusedStyleProps),
+    rootPressed: Object.assign({}, defaultConfirmationPaneCancelButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.cancelButtonHoveredStyleProps)
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hideConfirmationPane) && /*#__PURE__*/React.createElement(Stack, {
     id: elementId,
@@ -90,35 +85,36 @@ function ConfirmationPane(props) {
     "aria-labelledby": elementId + "-title",
     "aria-describedby": elementId + "-subtitle"
   }, !((_props$controlProps8 = props.controlProps) !== null && _props$controlProps8 !== void 0 && _props$controlProps8.hideTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.createElement(Label, {
-    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : (_props$styleProps13$c = _props$styleProps13.classNames) === null || _props$styleProps13$c === void 0 ? void 0 : _props$styleProps13$c.titleClassName,
+    className: (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 || (_props$styleProps11 = _props$styleProps11.classNames) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.titleClassName,
     styles: titleStyles,
     tabIndex: -1,
     id: elementId + "-title"
-  }, ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.titleText) || defaultConfirmationPaneControlProps.titleText)), !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(Label, {
-    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.subtitleClassName,
+  }, ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.titleText) || defaultConfirmationPaneControlProps.titleText)), !((_props$controlProps0 = props.controlProps) !== null && _props$controlProps0 !== void 0 && _props$controlProps0.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(Label, {
+    className: (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 || (_props$styleProps12 = _props$styleProps12.classNames) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.subtitleClassName,
     styles: subtitleStyles,
     tabIndex: -1,
     id: elementId + "-subtitle"
-  }, ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.subtitleText) || defaultConfirmationPaneControlProps.subtitleText)), /*#__PURE__*/React.createElement(Stack, {
+  }, ((_props$controlProps1 = props.controlProps) === null || _props$controlProps1 === void 0 ? void 0 : _props$controlProps1.subtitleText) || defaultConfirmationPaneControlProps.subtitleText)), /*#__PURE__*/React.createElement(Stack, {
     horizontal: true,
-    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.buttonGroupClassName,
+    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 || (_props$styleProps13 = _props$styleProps13.classNames) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.buttonGroupClassName,
     styles: buttonGroupStyles,
-    id: elementId + "-buttongroup"
-  }, !((_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.hideConfirmButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.confirmButton) || /*#__PURE__*/React.createElement(PrimaryButton, {
-    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.confirmButtonClassName,
+    id: elementId + "-buttongroup",
+    role: "group",
+    "aria-label": ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.buttonGroupAriaLabel) || defaultConfirmationPaneControlProps.buttonGroupAriaLabel
+  }, !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideConfirmButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.confirmButton) || /*#__PURE__*/React.createElement(PrimaryButton, {
+    className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 || (_props$styleProps14 = _props$styleProps14.classNames) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.confirmButtonClassName,
     styles: confirmButtonStyles,
-    text: ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.confirmButtonText) || defaultConfirmationPaneControlProps.confirmButtonText,
+    text: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.confirmButtonText) || defaultConfirmationPaneControlProps.confirmButtonText,
     onClick: handleConfirmClick,
     id: elementId + "-confirmbutton",
-    ariaLabel: ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.confirmButtonAriaLabel) || defaultConfirmationPaneControlProps.confirmButtonAriaLabel
-  })), !((_props$controlProps15 = props.controlProps) !== null && _props$controlProps15 !== void 0 && _props$controlProps15.hideCancelButton) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.cancelButton) || /*#__PURE__*/React.createElement(DefaultButton, {
-    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.cancelButtonClassName,
+    ariaLabel: ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.confirmButtonAriaLabel) || defaultConfirmationPaneControlProps.confirmButtonAriaLabel
+  })), !((_props$controlProps14 = props.controlProps) !== null && _props$controlProps14 !== void 0 && _props$controlProps14.hideCancelButton) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.cancelButton) || /*#__PURE__*/React.createElement(DefaultButton, {
+    className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 || (_props$styleProps15 = _props$styleProps15.classNames) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.cancelButtonClassName,
     styles: cancelButtonStyles,
-    text: ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.cancelButtonText) || defaultConfirmationPaneControlProps.cancelButtonText,
+    text: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.cancelButtonText) || defaultConfirmationPaneControlProps.cancelButtonText,
     onClick: handleCancelClick,
     id: elementId + "-cancelbutton",
-    ariaLabel: ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.cancelButtonAriaLabel) || defaultConfirmationPaneControlProps.cancelButtonAriaLabel
+    ariaLabel: ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.cancelButtonAriaLabel) || defaultConfirmationPaneControlProps.cancelButtonAriaLabel
   })))));
 }
-
 export default ConfirmationPane;

package/lib/esm/components/confirmationpane/common/defaultProps/defaultConfirmationPaneControlProps.js

@@ -7,6 +7,7 @@ export const defaultConfirmationPaneControlProps = {
   titleText: Texts.ConfirmationPaneTitle,
   hideSubtitle: false,
   subtitleText: Texts.ConfirmationPaneSubtitle,
+  buttonGroupAriaLabel: AriaLabels.ConfirmationPaneButtonGroup,
   hideConfirmButton: false,
   confirmButtonText: Texts.ConfirmButtonText,
   confirmButtonAriaLabel: AriaLabels.ConfirmationPaneConfirm,

package/lib/esm/components/footer/Footer.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 { Stack, initializeIcons } from "@fluentui/react";
 import AudioNotificationButton from "./subcomponents/AudioNotificationButton";
@@ -10,10 +9,8 @@ import { defaultFooterProps } from "./common/defaultProps/defaultFooterProps";
 import { processCustomComponents } from "../../common/utils";
 import { Ids } from "../../common/Constants";
 initializeIcons();
-
 function Footer(props) {
-  var _props$controlProps, _defaultFooterProps$c, _defaultFooterProps$s, _props$styleProps, _defaultFooterProps$c2, _props$controlProps2, _defaultFooterProps$c3, _props$controlProps3, _defaultFooterProps$c4, _props$controlProps4, _defaultFooterProps$s2, _props$styleProps2, _defaultFooterProps$s3, _props$styleProps3, _defaultFooterProps$s4, _props$styleProps4, _defaultFooterProps$s5, _props$styleProps5, _defaultFooterProps$s6, _props$styleProps6, _defaultFooterProps$s7, _props$styleProps7, _defaultFooterProps$s8, _props$styleProps8, _props$controlProps5, _props$controlProps6, _props$componentOverr, _props$controlProps7, _props$controlProps8, _props$componentOverr2, _props$controlProps9, _props$controlProps10, _props$controlProps11, _props$controlProps12, _props$controlProps13, _props$controlProps14, _props$controlProps15, _props$controlProps16, _props$componentOverr3, _props$controlProps17;
-
+  var _props$controlProps, _defaultFooterProps$c, _defaultFooterProps$s, _props$styleProps, _defaultFooterProps$c2, _props$controlProps2, _defaultFooterProps$c3, _props$controlProps3, _defaultFooterProps$c4, _props$controlProps4, _defaultFooterProps$s2, _props$styleProps2, _defaultFooterProps$s3, _props$styleProps3, _defaultFooterProps$s4, _props$styleProps4, _defaultFooterProps$s5, _props$styleProps5, _defaultFooterProps$s6, _props$styleProps6, _defaultFooterProps$s7, _props$styleProps7, _defaultFooterProps$s8, _props$styleProps8, _props$controlProps5, _props$controlProps6, _props$componentOverr, _props$controlProps7, _props$controlProps8, _props$componentOverr2, _props$controlProps9, _props$controlProps0, _props$controlProps1, _props$controlProps10, _props$controlProps11, _props$componentOverr3, _props$controlProps12;
   const footerId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? ((_defaultFooterProps$c = defaultFooterProps.controlProps) === null || _defaultFooterProps$c === void 0 ? void 0 : _defaultFooterProps$c.id);
   const stackStyles = {
     root: Object.assign({}, (_defaultFooterProps$s = defaultFooterProps.styleProps) === null || _defaultFooterProps$s === void 0 ? void 0 : _defaultFooterProps$s.generalStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
@@ -51,20 +48,19 @@ function Footer(props) {
     styles: emailTranscriptButtonStyles,
     hoverStyles: emailTranscriptButtonHoverStyles,
     focusStyles: footerItemFocusStyles
-  }))), processCustomComponents((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : (_props$controlProps11 = _props$controlProps10.leftGroup) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.children)), /*#__PURE__*/React.createElement(Stack, {
+  }))), processCustomComponents((_props$controlProps0 = props.controlProps) === null || _props$controlProps0 === void 0 || (_props$controlProps0 = _props$controlProps0.leftGroup) === null || _props$controlProps0 === void 0 ? void 0 : _props$controlProps0.children)), /*#__PURE__*/React.createElement(Stack, {
     horizontal: true,
     id: Ids.FooterMiddleGroupId,
     verticalAlign: "center"
-  }, processCustomComponents((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : (_props$controlProps13 = _props$controlProps12.middleGroup) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.children)), /*#__PURE__*/React.createElement(Stack, {
+  }, processCustomComponents((_props$controlProps1 = props.controlProps) === null || _props$controlProps1 === void 0 || (_props$controlProps1 = _props$controlProps1.middleGroup) === null || _props$controlProps1 === void 0 ? void 0 : _props$controlProps1.children)), /*#__PURE__*/React.createElement(Stack, {
     horizontal: true,
     id: Ids.FooterRightGroupId,
     verticalAlign: "center"
-  }, processCustomComponents((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : (_props$controlProps15 = _props$controlProps14.rightGroup) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.children), !((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.hideAudioNotificationButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.AudioNotificationButton) || /*#__PURE__*/React.createElement(AudioNotificationButton, _extends({}, audioNotificationButtonProps, {
-    onClick: (_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.onAudioNotificationClick,
+  }, processCustomComponents((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 || (_props$controlProps10 = _props$controlProps10.rightGroup) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.children), !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideAudioNotificationButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.AudioNotificationButton) || /*#__PURE__*/React.createElement(AudioNotificationButton, _extends({}, audioNotificationButtonProps, {
+    onClick: (_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.onAudioNotificationClick,
     styles: audioNotificationButtonStyles,
     hoverStyles: audioNotificationButtonHoverStyles,
     focusStyles: footerItemFocusStyles
   })))));
 }
-
 export default Footer;

package/lib/esm/components/footer/common/defaultProps/defaultFooterComponentOverrides.js

@@ -19,11 +19,9 @@ export const defaultFooterComponentOverrides = {
     styles: iconButtonStyles
   })
 };
-
 function _downloadClicked() {
   console.log("download clicked");
 }
-
 function _emailClicked() {
   console.log("email clicked");
 }

package/lib/esm/components/footer/subcomponents/AudioNotificationButton.js

@@ -2,31 +2,32 @@ import { IconButton } from "@fluentui/react";
 import React, { useCallback, useEffect, useState } from "react";
 import { BroadcastService } from "../../../services/BroadcastService";
 import { AriaLabels, ButtonTypes, ElementType, EventNames, IconNames } from "../../../common/Constants";
-
 function AudioNotificationButton(props) {
   const {
     disabled
   } = props;
   const [muted, setMuted] = useState(props.isAudioMuted);
   let iconStyles = {};
-
   if (props.type === ButtonTypes.Icon) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    iconStyles = { ...(props === null || props === void 0 ? void 0 : props.styles).icon
+    iconStyles = {
+      ...(props === null || props === void 0 ? void 0 : props.styles).icon
     };
   }
-
   const iconButtonStyles = {
     icon: iconStyles,
     root: {
       selectors: {
-        ":hover .ms-Button-icon": { // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ":hover .ms-Button-icon": {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ...(props === null || props === void 0 ? void 0 : props.hoverStyles).icon
         },
-        ":active .ms-Button-icon": { // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ":active .ms-Button-icon": {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ...(props === null || props === void 0 ? void 0 : props.hoverStyles).icon
         },
-        ":focus .ms-Button-icon": { // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ":focus .ms-Button-icon": {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ...(props === null || props === void 0 ? void 0 : props.focusStyles).icon
         }
       },
@@ -36,8 +37,9 @@ function AudioNotificationButton(props) {
     rootHovered: props.hoverStyles,
     rootFocused: props.focusStyles,
     rootPressed: props.hoverStyles
-  }; //imageIconProps > iconName
+  };
 
+  //imageIconProps > iconName
   const volume0Icon = props.imageToggleIconProps ? {
     imageProps: props === null || props === void 0 ? void 0 : props.imageToggleIconProps
   } : {
@@ -50,7 +52,6 @@ function AudioNotificationButton(props) {
   };
   const handleOnClick = useCallback(() => {
     setMuted(!muted);
-
     if (props !== null && props !== void 0 && props.onClick) {
       const customEvent = {
         elementType: ElementType.FooterSoundNotificationButton,
@@ -58,7 +59,7 @@ function AudioNotificationButton(props) {
         eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(customEvent);
-      props === null || props === void 0 ? void 0 : props.onClick();
+      props === null || props === void 0 || props.onClick();
     }
   }, [props.onClick, muted]);
   useEffect(() => {
@@ -76,5 +77,4 @@ function AudioNotificationButton(props) {
     ariaLabel: muted ? props.toggleAriaLabel ?? AriaLabels.TurnSoundOn : props.ariaLabel ?? AriaLabels.TurnSoundOff
   });
 }
-
 export default AudioNotificationButton;

package/lib/esm/components/footer/subcomponents/DownloadTranscriptButton.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { AriaLabels, ElementType, EventNames, IconNames } from "../../../common/Constants";
 import CommandButton from "../../common/commandbutton/CommandButton";
-
 function DownloadTranscriptButton(props) {
   const {
     type
@@ -25,5 +24,4 @@ function DownloadTranscriptButton(props) {
     customEvent: customEvent
   });
 }
-
 export default DownloadTranscriptButton;

package/lib/esm/components/footer/subcomponents/EmailTranscriptButton.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { AriaLabels, ElementType, EventNames, IconNames } from "../../../common/Constants";
 import CommandButton from "../../common/commandbutton/CommandButton";
-
 function EmailTranscriptButton(props) {
   const {
     type
@@ -25,5 +24,4 @@ function EmailTranscriptButton(props) {
     customEvent: customEvent
   });
 }
-
 export default EmailTranscriptButton;