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

package/lib/cjs/components/inputvalidationpane/InputValidationPane.js

@@ -4,99 +4,87 @@ 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 _defaultInputValidationPaneButtonGroupStyles = require("./common/default/defaultStyles/defaultInputValidationPaneButtonGroupStyles");
-
 var _defaultInputValidationPaneCancelButtonHoveredStyles = require("./common/default/defaultStyles/defaultInputValidationPaneCancelButtonHoveredStyles");
-
 var _defaultInputValidationPaneCancelButtonStyles = require("./common/default/defaultStyles/defaultInputValidationPaneCancelButtonStyles");
-
 var _defaultInputValidationPaneControlProps = require("./common/default/defaultProps/defaultInputValidationPaneControlProps");
-
 var _defaultInputValidationPaneGeneralStyles = require("./common/default/defaultStyles/defaultInputValidationPaneGeneralStyles");
-
 var _defaultInputValidationPaneHeaderGroupStyles = require("./common/default/defaultStyles/defaultInputValidationPaneHeaderGroupStyles");
-
 var _defaultInputValidationPaneInputStyles = require("./common/default/defaultStyles/defaultInputValidationPaneInputStyles");
-
 var _defaultInputValidationPaneInvalidInputErrorMessageStyles = require("./common/default/defaultStyles/defaultInputValidationPaneInvalidInputErrorMessageStyles");
-
 var _defaultInputValidationPaneSendButtonHoveredStyles = require("./common/default/defaultStyles/defaultInputValidationPaneSendButtonHoveredStyles");
-
 var _defaultInputValidationPaneSendButtonStyles = require("./common/default/defaultStyles/defaultInputValidationPaneSendButtonStyles");
-
 var _defaultInputValidationPaneSubtitleStyles = require("./common/default/defaultStyles/defaultInputValidationPaneSubtitleStyles");
-
 var _defaultInputValidationPaneTitleStyles = require("./common/default/defaultStyles/defaultInputValidationPaneTitleStyles");
-
 var _utils = require("../../common/utils");
-
-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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function InputValidationPane(props) {
-  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps14, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$styleProps15, _props$styleProps16, _props$controlProps15, _props$styleProps17, _props$styleProps17$c, _props$controlProps16, _props$controlProps17, _props$styleProps18, _props$styleProps18$c, _props$controlProps18, _props$componentOverr, _props$styleProps19, _props$styleProps19$c, _props$controlProps19, _props$controlProps20, _props$componentOverr2, _props$styleProps20, _props$styleProps20$c, _props$controlProps21, _props$controlProps22, _props$componentOverr3, _props$styleProps21, _props$styleProps21$c, _props$controlProps23, _props$controlProps24, _props$controlProps25, _props$componentOverr4, _props$styleProps22, _props$styleProps22$c, _props$controlProps26, _props$controlProps27, _props$styleProps23, _props$styleProps23$c, _props$controlProps28, _props$componentOverr5, _props$styleProps24, _props$styleProps24$c, _props$controlProps29, _props$controlProps30, _props$controlProps31, _props$controlProps32, _props$componentOverr6, _props$styleProps25, _props$styleProps25$c, _props$controlProps33, _props$controlProps34, _props$controlProps35;
-
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps12, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$controlProps13, _props$styleProps15, _props$controlProps14, _props$controlProps15, _props$styleProps16, _props$controlProps16, _props$componentOverr, _props$styleProps17, _props$controlProps17, _props$controlProps18, _props$componentOverr2, _props$styleProps18, _props$controlProps19, _props$controlProps20, _props$componentOverr3, _props$styleProps19, _props$controlProps21, _props$controlProps22, _props$controlProps23, _props$componentOverr4, _props$styleProps20, _props$controlProps24, _props$controlProps25, _props$styleProps21, _props$controlProps26, _props$controlProps27, _props$componentOverr5, _props$styleProps22, _props$controlProps28, _props$controlProps29, _props$controlProps30, _props$controlProps31, _props$componentOverr6, _props$styleProps23, _props$controlProps32, _props$controlProps33, _props$controlProps34;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.id;
-  const [inputValue, setInputValue] = (0, _react2.useState)("");
-  const [isInitialRendering, setIsInitialRendering] = (0, _react2.useState)(true);
-  const [isInvalidInput, setIsInvalidInput] = (0, _react2.useState)(false);
-  const [isSendButtonEnabled, setIsSendButtonEnabled] = (0, _react2.useState)(false);
+  const _useState = (0, _react2.useState)(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  const _useState3 = (0, _react2.useState)(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isInitialRendering = _useState4[0],
+    setIsInitialRendering = _useState4[1];
+  const _useState5 = (0, _react2.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isInvalidInput = _useState6[0],
+    setIsInvalidInput = _useState6[1];
+  const _useState7 = (0, _react2.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isSendButtonEnabled = _useState8[0],
+    setIsSendButtonEnabled = _useState8[1];
   const isValidInput = (0, _react2.useCallback)(() => {
     var _props$controlProps2, _props$controlProps3;
-
     if (!((_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.checkInput)) {
       return true;
     }
-
     if (!inputValue) {
       return false;
     }
-
     return (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.checkInput(inputValue);
-  }, [inputValue]); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, [inputValue]);
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleInputChange = (0, _react2.useCallback)(e => {
     var _props$controlProps4, _props$controlProps5;
-
     setInputValue(e.target.value);
     e.target.value ? setIsSendButtonEnabled(((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.enableSendButton) || e.target.value !== "") : setIsSendButtonEnabled(((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.enableSendButton) ?? false);
     setIsInvalidInput(false);
   }, []);
   const send = (0, _react2.useCallback)((controlId, suffix) => {
     var _props$controlProps6;
-
     if ((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.onSend) {
       if (isValidInput()) {
         var _props$controlProps7;
-
         const eventName = (0, _utils.generateEventName)(controlId, "on", suffix);
         const customEvent = {
           eventName: eventName
         };
-
         _BroadcastService.BroadcastService.postMessage(customEvent);
-
-        (_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.onSend(inputValue);
+        (_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 || _props$controlProps7.onSend(inputValue);
       } else {
         setIsInvalidInput(true);
       }
     }
-  }, [inputValue]); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, [inputValue]);
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleInputKeyUp = (0, _react2.useCallback)(e => {
     if (e.code === _Constants.KeyCodes.ENTER) {
       send(elementId + "-textField", "KeyUp");
@@ -107,10 +95,8 @@ function InputValidationPane(props) {
   }, [inputValue]);
   const cancel = (0, _react2.useCallback)((controlId, suffix) => {
     var _props$controlProps8;
-
     if ((_props$controlProps8 = props.controlProps) !== null && _props$controlProps8 !== void 0 && _props$controlProps8.onCancel) {
-      var _props$controlProps9, _props$controlProps10;
-
+      var _props$controlProps9, _props$controlProps0;
       setInputValue("");
       setIsInvalidInput(false);
       setIsSendButtonEnabled(((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.enableSendButton) ?? false);
@@ -118,13 +104,12 @@ function InputValidationPane(props) {
       const customEvent = {
         eventName: eventName
       };
-
       _BroadcastService.BroadcastService.postMessage(customEvent);
-
-      (_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.onCancel();
+      (_props$controlProps0 = props.controlProps) === null || _props$controlProps0 === void 0 || _props$controlProps0.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) {
       cancel(elementId, "KeyDown");
@@ -134,12 +119,10 @@ function InputValidationPane(props) {
     cancel(elementId + "-cancelbutton", "Click");
   }, []);
   (0, _react2.useEffect)(() => {
-    var _props$controlProps11, _props$controlProps12, _props$controlProps13;
-
-    setInputValue(((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.inputInitialText) ?? "");
-    const isInputEmpty = (_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.inputInitialText ? false : true;
-    setIsSendButtonEnabled(((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.enableSendButton) || !isInputEmpty);
-
+    var _props$controlProps1, _props$controlProps10, _props$controlProps11;
+    setInputValue(((_props$controlProps1 = props.controlProps) === null || _props$controlProps1 === void 0 ? void 0 : _props$controlProps1.inputInitialText) ?? "");
+    const isInputEmpty = (_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.inputInitialText ? false : true;
+    setIsSendButtonEnabled(((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.enableSendButton) || !isInputEmpty);
     if (isInitialRendering) {
       setIsInitialRendering(!isInitialRendering);
     }
@@ -155,7 +138,7 @@ function InputValidationPane(props) {
     root: Object.assign({}, _defaultInputValidationPaneSubtitleStyles.defaultInputValidationPaneSubtitleStyles, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.subtitleStyleProps)
   };
   const redBorderStyles = {
-    borderColor: ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.inputWithErrorMessageBorderColor) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputWithErrorMessageBorderColor,
+    borderColor: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.inputWithErrorMessageBorderColor) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputWithErrorMessageBorderColor,
     borderRadius: "1px",
     borderStyle: "solid",
     borderWidth: "1px"
@@ -198,85 +181,85 @@ function InputValidationPane(props) {
     root: Object.assign({}, _defaultInputValidationPaneInvalidInputErrorMessageStyles.defaultInputValidationPaneInvalidInputErrorMessageStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.invalidInputErrorMessageStyleProps)
   };
   const buttonGroupStyles = {
-    root: Object.assign({}, _defaultInputValidationPaneButtonGroupStyles.defaultInputValidationPaneButtonGroupStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.buttonGroupStyleProps)
+    root: Object.assign({}, _defaultInputValidationPaneButtonGroupStyles.defaultInputValidationPaneButtonGroupStyles, (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.buttonGroupStyleProps)
   };
   const sendButtonStyles = {
-    root: Object.assign({}, _defaultInputValidationPaneSendButtonStyles.defaultInputValidationPaneSendButtonStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.sendButtonStyleProps),
-    rootHovered: Object.assign({}, _defaultInputValidationPaneSendButtonHoveredStyles.defaultInputValidationPaneSendButtonHoveredStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.sendButtonHoveredStyleProps),
-    rootPressed: Object.assign({}, _defaultInputValidationPaneSendButtonHoveredStyles.defaultInputValidationPaneSendButtonHoveredStyles, (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.sendButtonHoveredStyleProps)
+    root: Object.assign({}, _defaultInputValidationPaneSendButtonStyles.defaultInputValidationPaneSendButtonStyles, (_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.sendButtonStyleProps),
+    rootHovered: Object.assign({}, _defaultInputValidationPaneSendButtonHoveredStyles.defaultInputValidationPaneSendButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.sendButtonHoveredStyleProps),
+    rootPressed: Object.assign({}, _defaultInputValidationPaneSendButtonHoveredStyles.defaultInputValidationPaneSendButtonHoveredStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.sendButtonHoveredStyleProps)
   };
   const cancelButtonStyles = {
-    root: Object.assign({}, _defaultInputValidationPaneCancelButtonStyles.defaultInputValidationPaneCancelButtonStyles, (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.cancelButtonStyleProps),
-    rootHovered: Object.assign({}, _defaultInputValidationPaneCancelButtonHoveredStyles.defaultInputValidationPaneCancelButtonHoveredStyles, (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.cancelButtonHoveredStyleProps),
-    rootPressed: Object.assign({}, _defaultInputValidationPaneCancelButtonHoveredStyles.defaultInputValidationPaneCancelButtonHoveredStyles, (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : _props$styleProps16.cancelButtonHoveredStyleProps)
+    root: Object.assign({}, _defaultInputValidationPaneCancelButtonStyles.defaultInputValidationPaneCancelButtonStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.cancelButtonStyleProps),
+    rootHovered: Object.assign({}, _defaultInputValidationPaneCancelButtonHoveredStyles.defaultInputValidationPaneCancelButtonHoveredStyles, (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.cancelButtonHoveredStyleProps),
+    rootPressed: Object.assign({}, _defaultInputValidationPaneCancelButtonHoveredStyles.defaultInputValidationPaneCancelButtonHoveredStyles, (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.cancelButtonHoveredStyleProps)
   };
-  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, !((_props$controlProps15 = props.controlProps) !== null && _props$controlProps15 !== void 0 && _props$controlProps15.hideInputValidationPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
-    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.containerClassName,
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideInputValidationPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
+    className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 || (_props$styleProps15 = _props$styleProps15.classNames) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.containerClassName,
     id: elementId,
     tabIndex: -1,
     onKeyDown: handleEscKeyDown,
-    dir: ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.dir) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.dir,
-    "aria-label": ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.inputValidationPaneAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputValidationPaneAriaLabel,
+    dir: ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.dir) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.dir,
+    "aria-label": ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.inputValidationPaneAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputValidationPaneAriaLabel,
     styles: containerStyles
   }, /*#__PURE__*/_react2.default.createElement(_react.Stack, {
-    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.headerGroupClassName,
+    className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 || (_props$styleProps16 = _props$styleProps16.classNames) === null || _props$styleProps16 === void 0 ? void 0 : _props$styleProps16.headerGroupClassName,
     styles: headerGroupStyles,
     tabIndex: -1,
     id: elementId + "-headergroup"
-  }, !((_props$controlProps18 = props.controlProps) !== null && _props$controlProps18 !== void 0 && _props$controlProps18.hideTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/_react2.default.createElement("h1", {
-    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.titleClassName,
+  }, !((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.hideTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/_react2.default.createElement("h1", {
+    className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 || (_props$styleProps17 = _props$styleProps17.classNames) === null || _props$styleProps17 === void 0 ? void 0 : _props$styleProps17.titleClassName,
     style: titleStyles,
     tabIndex: -1,
     id: elementId + "-title"
-  }, ((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 ? void 0 : _props$controlProps19.titleText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.titleText)), !((_props$controlProps20 = props.controlProps) !== null && _props$controlProps20 !== void 0 && _props$controlProps20.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$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.subtitleClassName,
+  }, ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.titleText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.titleText)), !((_props$controlProps18 = props.controlProps) !== null && _props$controlProps18 !== void 0 && _props$controlProps18.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$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 || (_props$styleProps18 = _props$styleProps18.classNames) === null || _props$styleProps18 === void 0 ? void 0 : _props$styleProps18.subtitleClassName,
     styles: subtitleStyles,
     tabIndex: -1,
     id: elementId + "-subtitle"
-  }, ((_props$controlProps21 = props.controlProps) === null || _props$controlProps21 === void 0 ? void 0 : _props$controlProps21.subtitleText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.subtitleText)), !((_props$controlProps22 = props.controlProps) !== null && _props$controlProps22 !== void 0 && _props$controlProps22.hideInput) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.input) || /*#__PURE__*/_react2.default.createElement(_react.TextField, {
-    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.inputClassName,
+  }, ((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 ? void 0 : _props$controlProps19.subtitleText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.subtitleText)), !((_props$controlProps20 = props.controlProps) !== null && _props$controlProps20 !== void 0 && _props$controlProps20.hideInput) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.input) || /*#__PURE__*/_react2.default.createElement(_react.TextField, {
+    className: (_props$styleProps19 = props.styleProps) === null || _props$styleProps19 === void 0 || (_props$styleProps19 = _props$styleProps19.classNames) === null || _props$styleProps19 === void 0 ? void 0 : _props$styleProps19.inputClassName,
     styles: isInvalidInput ? inputWithErrorMessageStyles : inputStyles,
     tabIndex: 0,
     value: inputValue ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputInitialText,
-    id: ((_props$controlProps23 = props.controlProps) === null || _props$controlProps23 === void 0 ? void 0 : _props$controlProps23.inputId) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputId,
-    ariaLabel: ((_props$controlProps24 = props.controlProps) === null || _props$controlProps24 === void 0 ? void 0 : _props$controlProps24.inputAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputAriaLabel,
+    id: ((_props$controlProps21 = props.controlProps) === null || _props$controlProps21 === void 0 ? void 0 : _props$controlProps21.inputId) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputId,
+    ariaLabel: ((_props$controlProps22 = props.controlProps) === null || _props$controlProps22 === void 0 ? void 0 : _props$controlProps22.inputAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputAriaLabel,
     borderless: isInvalidInput,
     onChange: handleInputChange,
     onKeyUp: handleInputKeyUp,
-    placeholder: ((_props$controlProps25 = props.controlProps) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.inputPlaceHolder) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputPlaceHolder
+    placeholder: ((_props$controlProps23 = props.controlProps) === null || _props$controlProps23 === void 0 ? void 0 : _props$controlProps23.inputPlaceHolder) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputPlaceHolder
   })), isInvalidInput && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.invalidInputErrorMessage) || /*#__PURE__*/_react2.default.createElement(_react.Stack, {
-    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.invalidInputErrorMessageClassName,
+    className: (_props$styleProps20 = props.styleProps) === null || _props$styleProps20 === void 0 || (_props$styleProps20 = _props$styleProps20.classNames) === null || _props$styleProps20 === void 0 ? void 0 : _props$styleProps20.invalidInputErrorMessageClassName,
     styles: invalidInputErrorMessageStyles,
     tabIndex: -1,
     role: "alert",
     id: elementId + "-invalidinputerrormessage"
-  }, ((_props$controlProps26 = props.controlProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.invalidInputErrorMessageText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.invalidInputErrorMessageText))), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
-    horizontal: ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.isButtonGroupHorizontal) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.isButtonGroupHorizontal,
-    className: (_props$styleProps23 = props.styleProps) === null || _props$styleProps23 === void 0 ? void 0 : (_props$styleProps23$c = _props$styleProps23.classNames) === null || _props$styleProps23$c === void 0 ? void 0 : _props$styleProps23$c.buttonGroupClassName,
+  }, ((_props$controlProps24 = props.controlProps) === null || _props$controlProps24 === void 0 ? void 0 : _props$controlProps24.invalidInputErrorMessageText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.invalidInputErrorMessageText))), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
+    horizontal: ((_props$controlProps25 = props.controlProps) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.isButtonGroupHorizontal) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.isButtonGroupHorizontal,
+    className: (_props$styleProps21 = props.styleProps) === null || _props$styleProps21 === void 0 || (_props$styleProps21 = _props$styleProps21.classNames) === null || _props$styleProps21 === void 0 ? void 0 : _props$styleProps21.buttonGroupClassName,
     styles: buttonGroupStyles,
     tabIndex: -1,
-    id: elementId + "-buttongroup"
-  }, !((_props$controlProps28 = props.controlProps) !== null && _props$controlProps28 !== void 0 && _props$controlProps28.hideSendButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/_react2.default.createElement(_Button.PrimaryButton, {
-    className: (_props$styleProps24 = props.styleProps) === null || _props$styleProps24 === void 0 ? void 0 : (_props$styleProps24$c = _props$styleProps24.classNames) === null || _props$styleProps24$c === void 0 ? void 0 : _props$styleProps24$c.sendButtonClassName,
+    id: elementId + "-buttongroup",
+    role: "group",
+    "aria-label": ((_props$controlProps26 = props.controlProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.buttonGroupAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.buttonGroupAriaLabel
+  }, !((_props$controlProps27 = props.controlProps) !== null && _props$controlProps27 !== void 0 && _props$controlProps27.hideSendButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/_react2.default.createElement(_Button.PrimaryButton, {
+    className: (_props$styleProps22 = props.styleProps) === null || _props$styleProps22 === void 0 || (_props$styleProps22 = _props$styleProps22.classNames) === null || _props$styleProps22 === void 0 ? void 0 : _props$styleProps22.sendButtonClassName,
     styles: sendButtonStyles,
-    title: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
+    title: ((_props$controlProps28 = props.controlProps) === null || _props$controlProps28 === void 0 ? void 0 : _props$controlProps28.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
     tabIndex: 0,
     disabled: !isSendButtonEnabled,
-    text: ((_props$controlProps30 = props.controlProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
+    text: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
     onClick: handleSendClick,
     id: elementId + "-sendbutton",
-    ariaLabel: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.sendButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonAriaLabel
-  })), !((_props$controlProps32 = props.controlProps) !== null && _props$controlProps32 !== void 0 && _props$controlProps32.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
-    className: (_props$styleProps25 = props.styleProps) === null || _props$styleProps25 === void 0 ? void 0 : (_props$styleProps25$c = _props$styleProps25.classNames) === null || _props$styleProps25$c === void 0 ? void 0 : _props$styleProps25$c.cancelButtonClassName,
+    ariaLabel: ((_props$controlProps30 = props.controlProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.sendButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonAriaLabel
+  })), !((_props$controlProps31 = props.controlProps) !== null && _props$controlProps31 !== void 0 && _props$controlProps31.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
+    className: (_props$styleProps23 = props.styleProps) === null || _props$styleProps23 === void 0 || (_props$styleProps23 = _props$styleProps23.classNames) === null || _props$styleProps23 === void 0 ? void 0 : _props$styleProps23.cancelButtonClassName,
     styles: cancelButtonStyles,
-    title: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
+    title: ((_props$controlProps32 = props.controlProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
     tabIndex: 0,
-    text: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
+    text: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
     onClick: handleCancelClick,
     id: elementId + "-cancelbutton",
-    ariaLabel: ((_props$controlProps35 = props.controlProps) === null || _props$controlProps35 === void 0 ? void 0 : _props$controlProps35.cancelButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonAriaLabel
+    ariaLabel: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.cancelButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonAriaLabel
   })))));
 }
-
-var _default = InputValidationPane;
-exports.default = _default;
+var _default = exports.default = InputValidationPane;

package/lib/cjs/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneControlProps = void 0;
-
 var _Constants = require("../../../../../common/Constants");
-
-const defaultInputValidationPaneControlProps = {
+const defaultInputValidationPaneControlProps = exports.defaultInputValidationPaneControlProps = {
   id: _Constants.Ids.DefaultInputValidationPaneId,
   dir: "ltr",
   hideInputValidationPane: false,
@@ -24,6 +22,7 @@ const defaultInputValidationPaneControlProps = {
   inputWithErrorMessageBorderColor: "rgb(164, 38, 44)",
   invalidInputErrorMessageText: _Constants.Texts.InvalidInputErrorMessageText,
   isButtonGroupHorizontal: true,
+  buttonGroupAriaLabel: _Constants.AriaLabels.InputValidationPaneButtonGroup,
   hideSendButton: false,
   enableSendButton: false,
   sendButtonText: _Constants.Texts.SaveButtonText,
@@ -41,5 +40,4 @@ const defaultInputValidationPaneControlProps = {
   checkInput: function (input) {
     return new RegExp(_Constants.Regex.EmailRegex).test(input);
   }
-};
-exports.defaultInputValidationPaneControlProps = defaultInputValidationPaneControlProps;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneProps.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneProps = void 0;
-
 var _defaultInputValidationPaneStyles = require("../defaultStyles/defaultInputValidationPaneStyles");
-
 var _defaultInputValidationPaneControlProps = require("./defaultInputValidationPaneControlProps");
-
-const defaultInputValidationPaneProps = {
+const defaultInputValidationPaneProps = exports.defaultInputValidationPaneProps = {
   controlProps: _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps,
   styleProps: _defaultInputValidationPaneStyles.defaultInputValidationPaneStyles
-};
-exports.defaultInputValidationPaneProps = defaultInputValidationPaneProps;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneButtonGroupStyles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneButtonGroupStyles = void 0;
-const defaultInputValidationPaneButtonGroupStyles = {
+const defaultInputValidationPaneButtonGroupStyles = exports.defaultInputValidationPaneButtonGroupStyles = {
   gap: "10px"
-};
-exports.defaultInputValidationPaneButtonGroupStyles = defaultInputValidationPaneButtonGroupStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneCancelButtonHoveredStyles.js

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

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneCancelButtonStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneCancelButtonStyles = void 0;
-const defaultInputValidationPaneCancelButtonStyles = {
+const defaultInputValidationPaneCancelButtonStyles = exports.defaultInputValidationPaneCancelButtonStyles = {
   border: "solid",
   borderColor: "#e0e3e6",
   borderWidth: "2px",
@@ -18,5 +18,4 @@ const defaultInputValidationPaneCancelButtonStyles = {
   textOverflow: "ellipsis",
   whiteSpace: "nowrap",
   width: "80px"
-};
-exports.defaultInputValidationPaneCancelButtonStyles = defaultInputValidationPaneCancelButtonStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneGeneralStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneGeneralStyles = void 0;
-const defaultInputValidationPaneGeneralStyles = {
+const defaultInputValidationPaneGeneralStyles = exports.defaultInputValidationPaneGeneralStyles = {
   backgroundColor: "#fff",
   borderBottomLeftRadius: "4px",
   borderBottomRightRadius: "4px",
@@ -18,5 +18,4 @@ const defaultInputValidationPaneGeneralStyles = {
   width: "100%",
   maxHeight: "100%",
   zIndex: "9999"
-};
-exports.defaultInputValidationPaneGeneralStyles = defaultInputValidationPaneGeneralStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneHeaderGroupStyles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneHeaderGroupStyles = void 0;
-const defaultInputValidationPaneHeaderGroupStyles = {
+const defaultInputValidationPaneHeaderGroupStyles = exports.defaultInputValidationPaneHeaderGroupStyles = {
   marginBottom: "15px"
-};
-exports.defaultInputValidationPaneHeaderGroupStyles = defaultInputValidationPaneHeaderGroupStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneInputStyles.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneInputStyles = void 0;
-const defaultInputValidationPaneInputStyles = {
+const defaultInputValidationPaneInputStyles = exports.defaultInputValidationPaneInputStyles = {
   boxSizing: "border-box",
   fontFamily: "'Segoe UI', Arial, sans-serif",
   fontSize: "16px",
   fontWeight: "400",
   textIndent: "10px",
   width: "100%"
-};
-exports.defaultInputValidationPaneInputStyles = defaultInputValidationPaneInputStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneInvalidInputErrorMessageStyles.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneInvalidInputErrorMessageStyles = void 0;
-const defaultInputValidationPaneInvalidInputErrorMessageStyles = {
+const defaultInputValidationPaneInvalidInputErrorMessageStyles = exports.defaultInputValidationPaneInvalidInputErrorMessageStyles = {
   color: "#a4262c",
   fontFamily: "'Segoe UI', Arial, sans-serif",
   fontSize: "12px",
   height: "16px",
   lineHeight: "16px",
   marginTop: "4px"
-};
-exports.defaultInputValidationPaneInvalidInputErrorMessageStyles = defaultInputValidationPaneInvalidInputErrorMessageStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneSendButtonHoveredStyles.js

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

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneSendButtonStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneSendButtonStyles = void 0;
-const defaultInputValidationPaneSendButtonStyles = {
+const defaultInputValidationPaneSendButtonStyles = exports.defaultInputValidationPaneSendButtonStyles = {
   color: "rgb(255, 255, 255)",
   cursor: "pointer",
   fontFamily: "'Segoe UI', Arial, sans-serif",
@@ -14,5 +14,4 @@ const defaultInputValidationPaneSendButtonStyles = {
   textOverflow: "ellipsis",
   whiteSpace: "nowrap",
   width: "80px"
-};
-exports.defaultInputValidationPaneSendButtonStyles = defaultInputValidationPaneSendButtonStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneStyles.js

@@ -4,30 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneStyles = void 0;
-
 var _defaultInputValidationPaneSubtitleStyles = require("./defaultInputValidationPaneSubtitleStyles");
-
 var _defaultInputValidationPaneButtonGroupStyles = require("./defaultInputValidationPaneButtonGroupStyles");
-
 var _defaultInputValidationPaneGeneralStyles = require("./defaultInputValidationPaneGeneralStyles");
-
 var _defaultInputValidationPaneTitleStyles = require("./defaultInputValidationPaneTitleStyles");
-
 var _defaultInputValidationPaneInputStyles = require("./defaultInputValidationPaneInputStyles");
-
 var _defaultInputValidationPaneSendButtonStyles = require("./defaultInputValidationPaneSendButtonStyles");
-
 var _defaultInputValidationPaneSendButtonHoveredStyles = require("./defaultInputValidationPaneSendButtonHoveredStyles");
-
 var _defaultInputValidationPaneCancelButtonStyles = require("./defaultInputValidationPaneCancelButtonStyles");
-
 var _defaultInputValidationPaneCancelButtonHoveredStyles = require("./defaultInputValidationPaneCancelButtonHoveredStyles");
-
 var _defaultInputValidationPaneHeaderGroupStyles = require("./defaultInputValidationPaneHeaderGroupStyles");
-
 var _defaultInputValidationPaneInvalidInputErrorMessageStyles = require("./defaultInputValidationPaneInvalidInputErrorMessageStyles");
-
-const defaultInputValidationPaneStyles = {
+const defaultInputValidationPaneStyles = exports.defaultInputValidationPaneStyles = {
   generalStyleProps: _defaultInputValidationPaneGeneralStyles.defaultInputValidationPaneGeneralStyles,
   headerGroupStyleProps: _defaultInputValidationPaneHeaderGroupStyles.defaultInputValidationPaneHeaderGroupStyles,
   titleStyleProps: _defaultInputValidationPaneTitleStyles.defaultInputValidationPaneTitleStyles,
@@ -39,5 +27,4 @@ const defaultInputValidationPaneStyles = {
   sendButtonHoveredStyleProps: _defaultInputValidationPaneSendButtonHoveredStyles.defaultInputValidationPaneSendButtonHoveredStyles,
   cancelButtonStyleProps: _defaultInputValidationPaneCancelButtonStyles.defaultInputValidationPaneCancelButtonStyles,
   cancelButtonHoveredStyleProps: _defaultInputValidationPaneCancelButtonHoveredStyles.defaultInputValidationPaneCancelButtonHoveredStyles
-};
-exports.defaultInputValidationPaneStyles = defaultInputValidationPaneStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneSubtitleStyles.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneSubtitleStyles = void 0;
-const defaultInputValidationPaneSubtitleStyles = {
+const defaultInputValidationPaneSubtitleStyles = exports.defaultInputValidationPaneSubtitleStyles = {
   color: "#262626",
   fontFamily: "'Segoe UI', Arial, sans-serif",
   fontSize: "14px",
   lineHeight: "16px",
   marginBottom: "10px"
-};
-exports.defaultInputValidationPaneSubtitleStyles = defaultInputValidationPaneSubtitleStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/default/defaultStyles/defaultInputValidationPaneTitleStyles.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultInputValidationPaneTitleStyles = void 0;
-const defaultInputValidationPaneTitleStyles = {
+const defaultInputValidationPaneTitleStyles = exports.defaultInputValidationPaneTitleStyles = {
   color: "#323130",
   fontFamily: "'Segoe UI', Arial, sans-serif",
   fontSize: "18px",
   fontWeight: "500",
   marginBottom: "5px"
-};
-exports.defaultInputValidationPaneTitleStyles = defaultInputValidationPaneTitleStyles;
+};

package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneComponentOverrides.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetTwoInputValidationPaneComponentOverrides = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const customReactNode = /*#__PURE__*/_react.default.createElement("button", {
   style: {
     color: "rgb(255, 255, 255)",
@@ -23,8 +20,6 @@ const customReactNode = /*#__PURE__*/_react.default.createElement("button", {
     width: "100px"
   }
 }, "This is a custom button");
-
-const presetTwoInputValidationPaneComponentOverrides = {
+const presetTwoInputValidationPaneComponentOverrides = exports.presetTwoInputValidationPaneComponentOverrides = {
   subtitle: customReactNode
-};
-exports.presetTwoInputValidationPaneComponentOverrides = presetTwoInputValidationPaneComponentOverrides;
+};