@microsoft/omnichannel-chat-components 1.1.17-0 → 1.1.19

package/lib/cjs/components/citationpane/common/defaultStyles/defaultCitationPaneCloseButtonFocusedStyles.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneCloseButtonFocusedStyles = void 0;
-const defaultCitationPaneCloseButtonFocusedStyles = {
+const defaultCitationPaneCloseButtonFocusedStyles = exports.defaultCitationPaneCloseButtonFocusedStyles = {
   border: "2px dotted #605e5c",
   outline: "none"
-};
-exports.defaultCitationPaneCloseButtonFocusedStyles = defaultCitationPaneCloseButtonFocusedStyles;
+};

package/lib/cjs/components/citationpane/common/defaultStyles/defaultCitationPaneCloseButtonHoveredStyles.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneCloseButtonHoveredStyles = void 0;
-const defaultCitationPaneCloseButtonHoveredStyles = {
+const defaultCitationPaneCloseButtonHoveredStyles = exports.defaultCitationPaneCloseButtonHoveredStyles = {
   backgroundColor: "#f3f2f1",
   color: "#323130"
-};
-exports.defaultCitationPaneCloseButtonHoveredStyles = defaultCitationPaneCloseButtonHoveredStyles;
+};

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneCloseButtonStyles = void 0;
-const defaultCitationPaneCloseButtonStyles = {
+const defaultCitationPaneCloseButtonStyles = exports.defaultCitationPaneCloseButtonStyles = {
   marginTop: "1em",
   // Space between content and close button (scalable)
   alignSelf: "center",
@@ -27,7 +27,6 @@ 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": {
@@ -38,12 +37,10 @@ const defaultCitationPaneCloseButtonStyles = {
       outline: "0.125em solid #0078d4",
       // Scalable outline
       outlineOffset: "0.125em" // Scalable offset
-
     },
     ":active": {
       backgroundColor: "#d2d0ce",
       borderColor: "#c8c6c4"
     }
   }
-};
-exports.defaultCitationPaneCloseButtonStyles = defaultCitationPaneCloseButtonStyles;
+};

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneContentStyles = void 0;
-const defaultCitationPaneContentStyles = {
+const defaultCitationPaneContentStyles = exports.defaultCitationPaneContentStyles = {
   fontSize: "1em",
   // Use relative units for better scaling
   lineHeight: "1.5",
@@ -16,6 +16,4 @@ const defaultCitationPaneContentStyles = {
   overflow: "auto",
   // Enable scrolling for long content
   paddingRight: "0.125em" // Reduced padding to give more space for text at high zoom (scalable)
-
-};
-exports.defaultCitationPaneContentStyles = defaultCitationPaneContentStyles;
+};

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneGeneralStyles = void 0;
-const defaultCitationPaneGeneralStyles = {
+const defaultCitationPaneGeneralStyles = exports.defaultCitationPaneGeneralStyles = {
   position: "relative",
   // Required for absolute positioning of top close button
   paddingTop: "2em",
@@ -28,6 +28,4 @@ const defaultCitationPaneGeneralStyles = {
   maxHeight: "30em",
   // Container-relative height instead of viewport-based
   overflow: "hidden" // Hide overflow on container, let content area handle scrolling
-
-};
-exports.defaultCitationPaneGeneralStyles = defaultCitationPaneGeneralStyles;
+};

package/lib/cjs/components/citationpane/common/defaultStyles/defaultCitationPaneStyles.js

@@ -4,26 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneStyles = void 0;
-
 var _defaultCitationPaneCloseButtonFocusedStyles = require("./defaultCitationPaneCloseButtonFocusedStyles");
-
 var _defaultCitationPaneCloseButtonHoveredStyles = require("./defaultCitationPaneCloseButtonHoveredStyles");
-
 var _defaultCitationPaneCloseButtonStyles = require("./defaultCitationPaneCloseButtonStyles");
-
 var _defaultCitationPaneContentStyles = require("./defaultCitationPaneContentStyles");
-
 var _defaultCitationPaneGeneralStyles = require("./defaultCitationPaneGeneralStyles");
-
 var _defaultCitationPaneTitleStyles = require("./defaultCitationPaneTitleStyles");
-
 var _defaultCitationPaneTopCloseButtonFocusedStyles = require("./defaultCitationPaneTopCloseButtonFocusedStyles");
-
 var _defaultCitationPaneTopCloseButtonHoveredStyles = require("./defaultCitationPaneTopCloseButtonHoveredStyles");
-
 var _defaultCitationPaneTopCloseButtonStyles = require("./defaultCitationPaneTopCloseButtonStyles");
-
-const defaultCitationPaneStyles = {
+const defaultCitationPaneStyles = exports.defaultCitationPaneStyles = {
   generalStyleProps: _defaultCitationPaneGeneralStyles.defaultCitationPaneGeneralStyles,
   titleStyleProps: _defaultCitationPaneTitleStyles.defaultCitationPaneTitleStyles,
   contentStyleProps: _defaultCitationPaneContentStyles.defaultCitationPaneContentStyles,
@@ -33,5 +23,4 @@ const defaultCitationPaneStyles = {
   topCloseButtonStyleProps: _defaultCitationPaneTopCloseButtonStyles.defaultCitationPaneTopCloseButtonStyles,
   topCloseButtonHoveredStyleProps: _defaultCitationPaneTopCloseButtonHoveredStyles.defaultCitationPaneTopCloseButtonHoveredStyles,
   topCloseButtonFocusedStyleProps: _defaultCitationPaneTopCloseButtonFocusedStyles.defaultCitationPaneTopCloseButtonFocusedStyles
-};
-exports.defaultCitationPaneStyles = defaultCitationPaneStyles;
+};

package/lib/cjs/components/citationpane/common/defaultStyles/defaultCitationPaneTitleStyles.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneTitleStyles = void 0;
-const defaultCitationPaneTitleStyles = {};
-exports.defaultCitationPaneTitleStyles = defaultCitationPaneTitleStyles;
+const defaultCitationPaneTitleStyles = exports.defaultCitationPaneTitleStyles = {};

package/lib/cjs/components/citationpane/common/defaultStyles/defaultCitationPaneTopCloseButtonFocusedStyles.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneTopCloseButtonFocusedStyles = void 0;
-const defaultCitationPaneTopCloseButtonFocusedStyles = {
+const defaultCitationPaneTopCloseButtonFocusedStyles = exports.defaultCitationPaneTopCloseButtonFocusedStyles = {
   border: "2px dotted #605e5c",
   outline: "none"
-};
-exports.defaultCitationPaneTopCloseButtonFocusedStyles = defaultCitationPaneTopCloseButtonFocusedStyles;
+};

package/lib/cjs/components/citationpane/common/defaultStyles/defaultCitationPaneTopCloseButtonHoveredStyles.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneTopCloseButtonHoveredStyles = void 0;
-const defaultCitationPaneTopCloseButtonHoveredStyles = {
+const defaultCitationPaneTopCloseButtonHoveredStyles = exports.defaultCitationPaneTopCloseButtonHoveredStyles = {
   backgroundColor: "#f3f2f1",
   color: "#323130"
-};
-exports.defaultCitationPaneTopCloseButtonHoveredStyles = defaultCitationPaneTopCloseButtonHoveredStyles;
+};

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCitationPaneTopCloseButtonStyles = void 0;
-const defaultCitationPaneTopCloseButtonStyles = {
+const defaultCitationPaneTopCloseButtonStyles = exports.defaultCitationPaneTopCloseButtonStyles = {
   position: "absolute",
   top: "0.5em",
   // Scalable positioning
@@ -37,7 +37,5 @@ const defaultCitationPaneTopCloseButtonStyles = {
     outline: "0.125em solid #605e5c",
     // Scalable outline
     outlineOffset: "0.125em" // Scalable offset
-
   }
-};
-exports.defaultCitationPaneTopCloseButtonStyles = defaultCitationPaneTopCloseButtonStyles;
+};

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

@@ -4,22 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@fluentui/react");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _BroadcastService = require("../../../services/BroadcastService");
-
 var _Constants = require("../../../common/Constants");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function CommandButton(props) {
   var _props$hoverStyles, _props$hoverStyles2, _props$focusStyles;
-
   //imageIconProps > iconName
   const iconProp = props.imageIconProps ? {
     imageProps: props.imageIconProps
@@ -27,28 +18,30 @@ function CommandButton(props) {
     iconName: props.iconName
   };
   let iconStyles = {};
-
   if (props.type === _Constants.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
@@ -65,10 +58,8 @@ function CommandButton(props) {
         elementType: _Constants.ElementType.Custom,
         elementId: props === null || props === void 0 ? void 0 : props.id
       };
-
       _BroadcastService.BroadcastService.postMessage(customEvent);
-
-      props === null || props === void 0 ? void 0 : props.onClick();
+      props === null || props === void 0 || props.onClick();
     }
   }, []);
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, props.type === _Constants.ButtonTypes.Text && /*#__PURE__*/_react2.default.createElement(_react.DefaultButton, {
@@ -91,6 +82,4 @@ function CommandButton(props) {
     className: props.className
   }));
 }
-
-var _default = CommandButton;
-exports.default = _default;
+var _default = exports.default = CommandButton;

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Constants = require("../../../common/Constants");
-
 var _CommandButton = _interopRequireDefault(require("../commandbutton/CommandButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function CloseButton(props) {
   const {
     type
@@ -37,6 +32,4 @@ function CloseButton(props) {
     customEvent: customEvent
   });
 }
-
-var _default = CloseButton;
-exports.default = _default;
+var _default = exports.default = CloseButton;

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

@@ -4,84 +4,55 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Button = require("@fluentui/react/lib/Button");
-
 var _react = require("@fluentui/react");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _BroadcastService = require("../../services/BroadcastService");
-
 var _Constants = require("../../common/Constants");
-
 var _decodeComponentString = require("../../common/decodeComponentString");
-
 var _defaultConfirmationPaneButtonGroupStyles = require("./common/defaultStyles/defaultConfirmationPaneButtonGroupStyles");
-
 var _defaultConfirmationPaneCancelButtonHoveredStyles = require("./common/defaultStyles/defaultConfirmationPaneCancelButtonHoveredStyles");
-
 var _defaultConfirmationPaneCancelButtonStyles = require("./common/defaultStyles/defaultConfirmationPaneCancelButtonStyles");
-
 var _defaultConfirmationPaneConfirmButtonHoveredStyles = require("./common/defaultStyles/defaultConfirmationPaneConfirmButtonHoveredStyles");
-
 var _defaultConfirmationPaneConfirmButtonStyles = require("./common/defaultStyles/defaultConfirmationPaneConfirmButtonStyles");
-
 var _defaultConfirmationPaneControlProps = require("./common/defaultProps/defaultConfirmationPaneControlProps");
-
 var _defaultConfirmationPaneGeneralStyles = require("./common/defaultStyles/defaultConfirmationPaneGeneralStyles");
-
 var _defaultConfirmationPaneSubtitleStyles = require("./common/defaultStyles/defaultConfirmationPaneSubtitleStyles");
-
 var _defaultConfirmationPaneTitleStyles = require("./common/defaultStyles/defaultConfirmationPaneTitleStyles");
-
 var _defaultConfirmationPaneConfirmButtonFocusedStyles = require("./common/defaultStyles/defaultConfirmationPaneConfirmButtonFocusedStyles");
-
 var _defaultConfirmationPaneCancelButtonFocusedStyles = require("./common/defaultStyles/defaultConfirmationPaneCancelButtonFocusedStyles");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function 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$componentOverr3, _props$styleProps14, _props$controlProps11, _props$controlProps12, _props$controlProps13, _props$componentOverr4, _props$styleProps15, _props$controlProps14, _props$controlProps15;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.id;
   const handleConfirmClick = (0, _react2.useCallback)(() => {
     var _props$controlProps2;
-
     if ((_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.onConfirm) {
       var _props$controlProps3;
-
       const customEvent = {
         elementType: _Constants.ElementType.ConfirmationPaneConfirmButton,
         elementId: elementId + "-confirmbutton",
         eventName: _Constants.EventNames.OnClick
       };
-
       _BroadcastService.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 = (0, _react2.useCallback)(() => {
     var _props$controlProps4;
-
     if ((_props$controlProps4 = props.controlProps) !== null && _props$controlProps4 !== void 0 && _props$controlProps4.onCancel) {
       var _props$controlProps5;
-
       const customEvent = {
         elementType: _Constants.ElementType.ConfirmationPaneCancelButton,
         elementId: elementId + "-cancelbutton",
         eventName: _Constants.EventNames.OnClick
       };
-
       _BroadcastService.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 = (0, _react2.useCallback)(e => {
     if (e.code === _Constants.KeyCodes.ESCAPE) {
       handleCancelClick();
@@ -107,9 +78,9 @@ function ConfirmationPane(props) {
   };
   const cancelButtonStyles = {
     root: Object.assign({}, _defaultConfirmationPaneCancelButtonStyles.defaultConfirmationPaneCancelButtonStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.cancelButtonStyleProps),
-    rootHovered: Object.assign({}, _defaultConfirmationPaneCancelButtonHoveredStyles.defaultConfirmationPaneCancelButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.cancelButtonHoveredStyleProps),
-    rootFocused: Object.assign({}, _defaultConfirmationPaneCancelButtonFocusedStyles.defaultConfirmationPaneCancelButtonFocusedStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.cancelButtonFocusedStyleProps),
-    rootPressed: Object.assign({}, _defaultConfirmationPaneCancelButtonHoveredStyles.defaultConfirmationPaneCancelButtonHoveredStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.cancelButtonHoveredStyleProps)
+    rootHovered: Object.assign({}, _defaultConfirmationPaneCancelButtonHoveredStyles.defaultConfirmationPaneCancelButtonHoveredStyles, (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.cancelButtonHoveredStyleProps),
+    rootFocused: Object.assign({}, _defaultConfirmationPaneCancelButtonFocusedStyles.defaultConfirmationPaneCancelButtonFocusedStyles, (_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.cancelButtonFocusedStyleProps),
+    rootPressed: Object.assign({}, _defaultConfirmationPaneCancelButtonHoveredStyles.defaultConfirmationPaneCancelButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.cancelButtonHoveredStyleProps)
   };
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hideConfirmationPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
     id: elementId,
@@ -121,36 +92,34 @@ function ConfirmationPane(props) {
     "aria-labelledby": elementId + "-title",
     "aria-describedby": elementId + "-subtitle"
   }, !((_props$controlProps8 = props.controlProps) !== null && _props$controlProps8 !== void 0 && _props$controlProps8.hideTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/_react2.default.createElement(_react.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.defaultConfirmationPaneControlProps.titleText)), !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideSubtitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/_react2.default.createElement(_react.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.defaultConfirmationPaneControlProps.titleText)), !((_props$controlProps0 = props.controlProps) !== null && _props$controlProps0 !== void 0 && _props$controlProps0.hideSubtitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/_react2.default.createElement(_react.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.defaultConfirmationPaneControlProps.subtitleText)), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
+  }, ((_props$controlProps1 = props.controlProps) === null || _props$controlProps1 === void 0 ? void 0 : _props$controlProps1.subtitleText) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.subtitleText)), /*#__PURE__*/_react2.default.createElement(_react.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) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.confirmButton) || /*#__PURE__*/_react2.default.createElement(_Button.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,
+  }, !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideConfirmButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.confirmButton) || /*#__PURE__*/_react2.default.createElement(_Button.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.defaultConfirmationPaneControlProps.confirmButtonText,
+    text: ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.confirmButtonText) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.confirmButtonText,
     onClick: handleConfirmClick,
     id: elementId + "-confirmbutton",
-    ariaLabel: ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.confirmButtonAriaLabel) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.confirmButtonAriaLabel
-  })), !((_props$controlProps15 = props.controlProps) !== null && _props$controlProps15 !== void 0 && _props$controlProps15.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.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$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.confirmButtonAriaLabel) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.confirmButtonAriaLabel
+  })), !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.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.defaultConfirmationPaneControlProps.cancelButtonText,
+    text: ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.cancelButtonText) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.cancelButtonText,
     onClick: handleCancelClick,
     id: elementId + "-cancelbutton",
-    ariaLabel: ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.cancelButtonAriaLabel) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.cancelButtonAriaLabel
+    ariaLabel: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.cancelButtonAriaLabel) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.cancelButtonAriaLabel
   })))));
 }
-
-var _default = ConfirmationPane;
-exports.default = _default;
+var _default = exports.default = ConfirmationPane;

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneControlProps = void 0;
-
 var _Constants = require("../../../../common/Constants");
-
-const defaultConfirmationPaneControlProps = {
+const defaultConfirmationPaneControlProps = exports.defaultConfirmationPaneControlProps = {
   id: _Constants.Ids.DefaultConfirmationPaneId,
   dir: "ltr",
   hideConfirmationPane: false,
@@ -27,5 +25,4 @@ const defaultConfirmationPaneControlProps = {
   onCancel: function () {
     console.log("on cancel");
   }
-};
-exports.defaultConfirmationPaneControlProps = defaultConfirmationPaneControlProps;
+};

package/lib/cjs/components/confirmationpane/common/defaultProps/defaultConfirmationPaneProps.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneProps = void 0;
-
 var _defaultConfirmationPaneControlProps = require("./defaultConfirmationPaneControlProps");
-
 var _defaultConfirmationPaneStyles = require("../defaultStyles/defaultConfirmationPaneStyles");
-
-const defaultConfirmationPaneProps = {
+const defaultConfirmationPaneProps = exports.defaultConfirmationPaneProps = {
   controlProps: _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps,
   styleProps: _defaultConfirmationPaneStyles.defaultConfirmationPaneStyles
-};
-exports.defaultConfirmationPaneProps = defaultConfirmationPaneProps;
+};

package/lib/cjs/components/confirmationpane/common/defaultStyles/defaultConfirmationPaneButtonGroupStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneButtonGroupStyles = void 0;
-const defaultConfirmationPaneButtonGroupStyles = {
+const defaultConfirmationPaneButtonGroupStyles = exports.defaultConfirmationPaneButtonGroupStyles = {
   display: "flex",
   width: "auto",
   height: "auto",
@@ -14,5 +14,4 @@ const defaultConfirmationPaneButtonGroupStyles = {
   alignItems: "center",
   gap: "10px",
   marginBottom: "10px"
-};
-exports.defaultConfirmationPaneButtonGroupStyles = defaultConfirmationPaneButtonGroupStyles;
+};

package/lib/cjs/components/confirmationpane/common/defaultStyles/defaultConfirmationPaneCancelButtonFocusedStyles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneCancelButtonFocusedStyles = void 0;
-const defaultConfirmationPaneCancelButtonFocusedStyles = {
+const defaultConfirmationPaneCancelButtonFocusedStyles = exports.defaultConfirmationPaneCancelButtonFocusedStyles = {
   border: "2px dotted #000"
-};
-exports.defaultConfirmationPaneCancelButtonFocusedStyles = defaultConfirmationPaneCancelButtonFocusedStyles;
+};

package/lib/cjs/components/confirmationpane/common/defaultStyles/defaultConfirmationPaneCancelButtonHoveredStyles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneCancelButtonHoveredStyles = void 0;
-const defaultConfirmationPaneCancelButtonHoveredStyles = {
+const defaultConfirmationPaneCancelButtonHoveredStyles = exports.defaultConfirmationPaneCancelButtonHoveredStyles = {
   backgroundColor: "#EFEFEF"
-};
-exports.defaultConfirmationPaneCancelButtonHoveredStyles = defaultConfirmationPaneCancelButtonHoveredStyles;
+};

package/lib/cjs/components/confirmationpane/common/defaultStyles/defaultConfirmationPaneCancelButtonStyles.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneCancelButtonStyles = void 0;
-const defaultConfirmationPaneCancelButtonStyles = {
+const defaultConfirmationPaneCancelButtonStyles = exports.defaultConfirmationPaneCancelButtonStyles = {
   backgroundColor: "white",
   fontFamily: "Segoe UI, Arial, sans-serif",
   fontSize: "14px",
   fontWeight: "500",
   height: "32px",
   width: "80px"
-};
-exports.defaultConfirmationPaneCancelButtonStyles = defaultConfirmationPaneCancelButtonStyles;
+};

package/lib/cjs/components/confirmationpane/common/defaultStyles/defaultConfirmationPaneConfirmButtonFocusedStyles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneConfirmButtonFocusedStyles = void 0;
-const defaultConfirmationPaneConfirmButtonFocusedStyles = {
+const defaultConfirmationPaneConfirmButtonFocusedStyles = exports.defaultConfirmationPaneConfirmButtonFocusedStyles = {
   border: "2px dotted #000"
-};
-exports.defaultConfirmationPaneConfirmButtonFocusedStyles = defaultConfirmationPaneConfirmButtonFocusedStyles;
+};

package/lib/cjs/components/confirmationpane/common/defaultStyles/defaultConfirmationPaneConfirmButtonHoveredStyles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneConfirmButtonHoveredStyles = void 0;
-const defaultConfirmationPaneConfirmButtonHoveredStyles = {
+const defaultConfirmationPaneConfirmButtonHoveredStyles = exports.defaultConfirmationPaneConfirmButtonHoveredStyles = {
   backgroundColor: "rgba(9,72,159,0.8)"
-};
-exports.defaultConfirmationPaneConfirmButtonHoveredStyles = defaultConfirmationPaneConfirmButtonHoveredStyles;
+};

package/lib/cjs/components/confirmationpane/common/defaultStyles/defaultConfirmationPaneConfirmButtonStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneConfirmButtonStyles = void 0;
-const defaultConfirmationPaneConfirmButtonStyles = {
+const defaultConfirmationPaneConfirmButtonStyles = exports.defaultConfirmationPaneConfirmButtonStyles = {
   backgroundColor: "rgba(9,72,159,1)",
   color: "white",
   fontFamily: "Segoe UI, Arial, sans-serif",
@@ -12,5 +12,4 @@ const defaultConfirmationPaneConfirmButtonStyles = {
   fontWeight: "500",
   height: "32px",
   width: "80px"
-};
-exports.defaultConfirmationPaneConfirmButtonStyles = defaultConfirmationPaneConfirmButtonStyles;
+};

package/lib/cjs/components/confirmationpane/common/defaultStyles/defaultConfirmationPaneGeneralStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultConfirmationPaneGeneralStyles = void 0;
-const defaultConfirmationPaneGeneralStyles = {
+const defaultConfirmationPaneGeneralStyles = exports.defaultConfirmationPaneGeneralStyles = {
   display: "flex",
   minHeight: "160px",
   maxHeight: "300px",
@@ -22,5 +22,4 @@ const defaultConfirmationPaneGeneralStyles = {
   zIndex: "9999",
   left: "26px",
   right: "26px"
-};
-exports.defaultConfirmationPaneGeneralStyles = defaultConfirmationPaneGeneralStyles;
+};