@microsoft/omnichannel-chat-components 1.1.18 → 1.1.19

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

@@ -17,10 +17,8 @@ import { defaultInputValidationPaneSendButtonStyles } from "./common/default/def
 import { defaultInputValidationPaneSubtitleStyles } from "./common/default/defaultStyles/defaultInputValidationPaneSubtitleStyles";
 import { defaultInputValidationPaneTitleStyles } from "./common/default/defaultStyles/defaultInputValidationPaneTitleStyles";
 import { generateEventName } from "../../common/utils";
-
 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$componentOverr5, _props$styleProps22, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _props$componentOverr6, _props$styleProps23, _props$controlProps31, _props$controlProps32, _props$controlProps33;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultInputValidationPaneControlProps.id;
   const [inputValue, setInputValue] = useState("");
   const [isInitialRendering, setIsInitialRendering] = useState(true);
@@ -28,44 +26,40 @@ function InputValidationPane(props) {
   const [isSendButtonEnabled, setIsSendButtonEnabled] = useState(false);
   const isValidInput = 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 = 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 = 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 = generateEventName(controlId, "on", suffix);
         const customEvent = {
           eventName: eventName
         };
         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 = useCallback(e => {
     if (e.code === KeyCodes.ENTER) {
       send(elementId + "-textField", "KeyUp");
@@ -76,10 +70,8 @@ function InputValidationPane(props) {
   }, [inputValue]);
   const cancel = 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);
@@ -88,10 +80,11 @@ function InputValidationPane(props) {
         eventName: eventName
       };
       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 = useCallback(e => {
     if (e.code === KeyCodes.ESCAPE) {
       cancel(elementId, "KeyDown");
@@ -101,12 +94,10 @@ function InputValidationPane(props) {
     cancel(elementId + "-cancelbutton", "Click");
   }, []);
   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);
     }
@@ -122,7 +113,7 @@ function InputValidationPane(props) {
     root: Object.assign({}, 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.inputWithErrorMessageBorderColor,
+    borderColor: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.inputWithErrorMessageBorderColor) ?? defaultInputValidationPaneControlProps.inputWithErrorMessageBorderColor,
     borderRadius: "1px",
     borderStyle: "solid",
     borderWidth: "1px"
@@ -165,84 +156,83 @@ function InputValidationPane(props) {
     root: Object.assign({}, defaultInputValidationPaneInvalidInputErrorMessageStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.invalidInputErrorMessageStyleProps)
   };
   const buttonGroupStyles = {
-    root: Object.assign({}, defaultInputValidationPaneButtonGroupStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.buttonGroupStyleProps)
+    root: Object.assign({}, defaultInputValidationPaneButtonGroupStyles, (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.buttonGroupStyleProps)
   };
   const sendButtonStyles = {
-    root: Object.assign({}, defaultInputValidationPaneSendButtonStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.sendButtonStyleProps),
-    rootHovered: Object.assign({}, defaultInputValidationPaneSendButtonHoveredStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.sendButtonHoveredStyleProps),
-    rootPressed: Object.assign({}, defaultInputValidationPaneSendButtonHoveredStyles, (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.sendButtonHoveredStyleProps)
+    root: Object.assign({}, defaultInputValidationPaneSendButtonStyles, (_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.sendButtonStyleProps),
+    rootHovered: Object.assign({}, defaultInputValidationPaneSendButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.sendButtonHoveredStyleProps),
+    rootPressed: Object.assign({}, defaultInputValidationPaneSendButtonHoveredStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.sendButtonHoveredStyleProps)
   };
   const cancelButtonStyles = {
-    root: Object.assign({}, defaultInputValidationPaneCancelButtonStyles, (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.cancelButtonStyleProps),
-    rootHovered: Object.assign({}, defaultInputValidationPaneCancelButtonHoveredStyles, (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.cancelButtonHoveredStyleProps),
-    rootPressed: Object.assign({}, defaultInputValidationPaneCancelButtonHoveredStyles, (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : _props$styleProps16.cancelButtonHoveredStyleProps)
+    root: Object.assign({}, defaultInputValidationPaneCancelButtonStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.cancelButtonStyleProps),
+    rootHovered: Object.assign({}, defaultInputValidationPaneCancelButtonHoveredStyles, (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.cancelButtonHoveredStyleProps),
+    rootPressed: Object.assign({}, defaultInputValidationPaneCancelButtonHoveredStyles, (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.cancelButtonHoveredStyleProps)
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !((_props$controlProps15 = props.controlProps) !== null && _props$controlProps15 !== void 0 && _props$controlProps15.hideInputValidationPane) && /*#__PURE__*/React.createElement(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__*/React.createElement(React.Fragment, null, !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideInputValidationPane) && /*#__PURE__*/React.createElement(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.dir,
-    "aria-label": ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.inputValidationPaneAriaLabel) || defaultInputValidationPaneControlProps.inputValidationPaneAriaLabel,
+    dir: ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.dir) || defaultInputValidationPaneControlProps.dir,
+    "aria-label": ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.inputValidationPaneAriaLabel) || defaultInputValidationPaneControlProps.inputValidationPaneAriaLabel,
     styles: containerStyles
   }, /*#__PURE__*/React.createElement(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) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.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) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.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.titleText)), !((_props$controlProps20 = props.controlProps) !== null && _props$controlProps20 !== void 0 && _props$controlProps20.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(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.titleText)), !((_props$controlProps18 = props.controlProps) !== null && _props$controlProps18 !== void 0 && _props$controlProps18.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(Label, {
+    className: (_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 || (_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.subtitleText)), !((_props$controlProps22 = props.controlProps) !== null && _props$controlProps22 !== void 0 && _props$controlProps22.hideInput) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.input) || /*#__PURE__*/React.createElement(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.subtitleText)), !((_props$controlProps20 = props.controlProps) !== null && _props$controlProps20 !== void 0 && _props$controlProps20.hideInput) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.input) || /*#__PURE__*/React.createElement(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.inputInitialText,
-    id: ((_props$controlProps23 = props.controlProps) === null || _props$controlProps23 === void 0 ? void 0 : _props$controlProps23.inputId) ?? defaultInputValidationPaneControlProps.inputId,
-    ariaLabel: ((_props$controlProps24 = props.controlProps) === null || _props$controlProps24 === void 0 ? void 0 : _props$controlProps24.inputAriaLabel) || defaultInputValidationPaneControlProps.inputAriaLabel,
+    id: ((_props$controlProps21 = props.controlProps) === null || _props$controlProps21 === void 0 ? void 0 : _props$controlProps21.inputId) ?? defaultInputValidationPaneControlProps.inputId,
+    ariaLabel: ((_props$controlProps22 = props.controlProps) === null || _props$controlProps22 === void 0 ? void 0 : _props$controlProps22.inputAriaLabel) || defaultInputValidationPaneControlProps.inputAriaLabel,
     borderless: isInvalidInput,
     onChange: handleInputChange,
     onKeyUp: handleInputKeyUp,
-    placeholder: ((_props$controlProps25 = props.controlProps) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.inputPlaceHolder) || defaultInputValidationPaneControlProps.inputPlaceHolder
+    placeholder: ((_props$controlProps23 = props.controlProps) === null || _props$controlProps23 === void 0 ? void 0 : _props$controlProps23.inputPlaceHolder) || defaultInputValidationPaneControlProps.inputPlaceHolder
   })), isInvalidInput && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.invalidInputErrorMessage) || /*#__PURE__*/React.createElement(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.invalidInputErrorMessageText))), /*#__PURE__*/React.createElement(Stack, {
-    horizontal: ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.isButtonGroupHorizontal) ?? 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.invalidInputErrorMessageText))), /*#__PURE__*/React.createElement(Stack, {
+    horizontal: ((_props$controlProps25 = props.controlProps) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.isButtonGroupHorizontal) ?? 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) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/React.createElement(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,
+  }, !((_props$controlProps26 = props.controlProps) !== null && _props$controlProps26 !== void 0 && _props$controlProps26.hideSendButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/React.createElement(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.sendButtonText,
+    title: ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
     tabIndex: 0,
     disabled: !isSendButtonEnabled,
-    text: ((_props$controlProps30 = props.controlProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
+    text: ((_props$controlProps28 = props.controlProps) === null || _props$controlProps28 === void 0 ? void 0 : _props$controlProps28.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
     onClick: handleSendClick,
     id: elementId + "-sendbutton",
-    ariaLabel: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.sendButtonAriaLabel) || defaultInputValidationPaneControlProps.sendButtonAriaLabel
-  })), !((_props$controlProps32 = props.controlProps) !== null && _props$controlProps32 !== void 0 && _props$controlProps32.hideCancelButton) && (decodeComponentString((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/React.createElement(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$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.sendButtonAriaLabel) || defaultInputValidationPaneControlProps.sendButtonAriaLabel
+  })), !((_props$controlProps30 = props.controlProps) !== null && _props$controlProps30 !== void 0 && _props$controlProps30.hideCancelButton) && (decodeComponentString((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/React.createElement(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.cancelButtonText,
+    title: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
     tabIndex: 0,
-    text: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
+    text: ((_props$controlProps32 = props.controlProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
     onClick: handleCancelClick,
     id: elementId + "-cancelbutton",
-    ariaLabel: ((_props$controlProps35 = props.controlProps) === null || _props$controlProps35 === void 0 ? void 0 : _props$controlProps35.cancelButtonAriaLabel) || defaultInputValidationPaneControlProps.cancelButtonAriaLabel
+    ariaLabel: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.cancelButtonAriaLabel) || defaultInputValidationPaneControlProps.cancelButtonAriaLabel
   })))));
 }
-
 export default InputValidationPane;

package/lib/esm/components/loadingpane/LoadingPane.js

@@ -9,10 +9,8 @@ import { defaultLoadingPaneSpinnerStyles } from "./common/defaultProps/defaultSt
 import { defaultLoadingPaneSpinnerTextStyles } from "./common/defaultProps/defaultStyles/defaultLoadingPaneSpinnerTextStyles";
 import { defaultLoadingPaneSubtitleStyles } from "./common/defaultProps/defaultStyles/defaultLoadingPaneSubtitleStyles";
 import { defaultLoadingPaneTitleStyles } from "./common/defaultProps/defaultStyles/defaultLoadingPaneTitleStyles";
-
 function LoadingPane(props) {
-  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$controlProps2, _props$controlProps3, _props$controlProps4, _props$controlProps5, _props$componentOverr, _props$styleProps8, _props$styleProps8$cl, _props$controlProps6, _props$componentOverr2, _props$styleProps9, _props$styleProps9$cl, _props$controlProps7, _props$controlProps8, _props$componentOverr3, _props$styleProps10, _props$styleProps10$c, _props$controlProps9, _props$controlProps10, _props$componentOverr4, _props$styleProps11, _props$styleProps11$c, _props$controlProps11, _props$controlProps12, _props$componentOverr5, _props$styleProps12, _props$styleProps12$c, _props$controlProps13;
-
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$controlProps2, _props$controlProps3, _props$controlProps4, _props$controlProps5, _props$componentOverr, _props$styleProps8, _props$controlProps6, _props$componentOverr2, _props$styleProps9, _props$controlProps7, _props$controlProps8, _props$componentOverr3, _props$styleProps0, _props$controlProps9, _props$controlProps0, _props$componentOverr4, _props$styleProps1, _props$controlProps1, _props$controlProps10, _props$componentOverr5, _props$styleProps10, _props$controlProps11;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultLoadingPaneControlProps.id;
   const containerStyles = {
     root: Object.assign({}, defaultLoadingPaneGeneralStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
@@ -41,33 +39,32 @@ function LoadingPane(props) {
     role: (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.role,
     dir: ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.dir) ?? defaultLoadingPaneControlProps.dir
   }, !((_props$controlProps5 = props.controlProps) !== null && _props$controlProps5 !== void 0 && _props$controlProps5.hideIcon) && showInSmallWindow && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.icon) || /*#__PURE__*/React.createElement(Icon, {
-    className: (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : (_props$styleProps8$cl = _props$styleProps8.classNames) === null || _props$styleProps8$cl === void 0 ? void 0 : _props$styleProps8$cl.iconClassName,
+    className: (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 || (_props$styleProps8 = _props$styleProps8.classNames) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.iconClassName,
     styles: iconStyles,
     imageProps: iconImageProps,
     tabIndex: -1,
     id: elementId + "-icon"
   })), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hideTitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.title) || /*#__PURE__*/React.createElement(Label, {
-    className: (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : (_props$styleProps9$cl = _props$styleProps9.classNames) === null || _props$styleProps9$cl === void 0 ? void 0 : _props$styleProps9$cl.titleClassName,
+    className: (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 || (_props$styleProps9 = _props$styleProps9.classNames) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.titleClassName,
     styles: titleStyles,
     tabIndex: -1,
     id: elementId + "-title"
   }, ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.titleText) ?? defaultLoadingPaneControlProps.titleText)), !((_props$controlProps8 = props.controlProps) !== null && _props$controlProps8 !== void 0 && _props$controlProps8.hideSubtitle) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.subtitle) || /*#__PURE__*/React.createElement(Label, {
-    className: (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : (_props$styleProps10$c = _props$styleProps10.classNames) === null || _props$styleProps10$c === void 0 ? void 0 : _props$styleProps10$c.subtitleClassName,
+    className: (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 || (_props$styleProps0 = _props$styleProps0.classNames) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.subtitleClassName,
     styles: subtitleStyles,
     tabIndex: -1,
     id: elementId + "-subtitle"
-  }, ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.subtitleText) ?? defaultLoadingPaneControlProps.subtitleText)), !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideSpinner) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.spinner) || /*#__PURE__*/React.createElement(Spinner, {
-    className: (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : (_props$styleProps11$c = _props$styleProps11.classNames) === null || _props$styleProps11$c === void 0 ? void 0 : _props$styleProps11$c.spinnerClassName,
+  }, ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.subtitleText) ?? defaultLoadingPaneControlProps.subtitleText)), !((_props$controlProps0 = props.controlProps) !== null && _props$controlProps0 !== void 0 && _props$controlProps0.hideSpinner) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.spinner) || /*#__PURE__*/React.createElement(Spinner, {
+    className: (_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 || (_props$styleProps1 = _props$styleProps1.classNames) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.spinnerClassName,
     styles: spinnerStyles,
-    size: (_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.spinnerSize,
+    size: (_props$controlProps1 = props.controlProps) === null || _props$controlProps1 === void 0 ? void 0 : _props$controlProps1.spinnerSize,
     tabIndex: -1,
     id: elementId + "-spinner"
-  })), !((_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.hideSpinnerText) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.spinnerText) || /*#__PURE__*/React.createElement(Label, {
-    className: (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : (_props$styleProps12$c = _props$styleProps12.classNames) === null || _props$styleProps12$c === void 0 ? void 0 : _props$styleProps12$c.spinnerTextClassName,
+  })), !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideSpinnerText) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.spinnerText) || /*#__PURE__*/React.createElement(Label, {
+    className: (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 || (_props$styleProps10 = _props$styleProps10.classNames) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.spinnerTextClassName,
     styles: spinnerTextStyles,
     tabIndex: -1,
     id: elementId + "-spinner-text"
-  }, ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.spinnerText) ?? defaultLoadingPaneControlProps.spinnerText))));
+  }, ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.spinnerText) ?? defaultLoadingPaneControlProps.spinnerText))));
 }
-
 export default LoadingPane;

package/lib/esm/components/loadingpane/common/presetOneProps/presetOneLoadingPaneControlProps.js

@@ -1,5 +1,6 @@
 import { defaultLoadingPaneControlProps } from "../defaultProps/defaultLoadingPaneControlProps";
-export const presetOneLoadingPaneControlProps = { ...defaultLoadingPaneControlProps,
+export const presetOneLoadingPaneControlProps = {
+  ...defaultLoadingPaneControlProps,
   id: "lcw-loading-pane-preset1",
   dir: "rtl"
 };

package/lib/esm/components/loadingpane/common/presetThreeProps/presetThreeLoadingPaneControlProps.js

@@ -1,6 +1,7 @@
 import { SpinnerSize } from "@fluentui/react";
 import { defaultLoadingPaneControlProps } from "../defaultProps/defaultLoadingPaneControlProps";
-export const presetThreeLoadingPaneControlProps = { ...defaultLoadingPaneControlProps,
+export const presetThreeLoadingPaneControlProps = {
+  ...defaultLoadingPaneControlProps,
   id: "lcw-loading-pane-preset3",
   titleText: "Please Wait ...",
   subtitleText: "Loading Content",

package/lib/esm/components/loadingpane/common/presetTwoProps/presetTwoLoadingPaneControlProps.js

@@ -1,6 +1,7 @@
 import { SpinnerSize } from "@fluentui/react";
 import { defaultLoadingPaneControlProps } from "../defaultProps/defaultLoadingPaneControlProps";
-export const presetTwoLoadingPaneControlProps = { ...defaultLoadingPaneControlProps,
+export const presetTwoLoadingPaneControlProps = {
+  ...defaultLoadingPaneControlProps,
   id: "lcw-loading-pane-preset2",
   hideIcon: true,
   hideTitle: true,

package/lib/esm/components/notificationpane/NotificationPane.js

@@ -1,15 +1,12 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from "react";
 import { Image, Label, Stack, Link } from "@fluentui/react";
 import DismissButton from "./subcomponents/DismissButton";
 import CloseChatButton from "./subcomponents/CloseChatButton";
 import { decodeComponentString } from "../../common/decodeComponentString";
 import { Ids } from "../../common/Constants";
-
 function NotificationPane(props) {
   var _props$componentOverr, _props$componentOverr2, _props$componentOverr3, _props$componentOverr4, _props$componentOverr5, _props$dismissButtonP, _props$closeChatButto;
-
   const elementId = props.id ?? Ids.DefaultNotificationPaneId;
   const containerStyles = {
     root: Object.assign({}, props.generalStyleProps)
@@ -106,5 +103,4 @@ function NotificationPane(props) {
     hoverStyles: closeChatButtonHoverStyles
   })))));
 }
-
 export default NotificationPane;

package/lib/esm/components/notificationpane/subcomponents/CloseChatButton.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { ElementType, EventNames } from "../../../common/Constants";
 import CommandButton from "../../common/commandbutton/CommandButton";
-
 function CloseChatButton(props) {
   const {
     type
@@ -27,5 +26,4 @@ function CloseChatButton(props) {
     hideButtonTitle: props.hideButtonTitle
   });
 }
-
 export default CloseChatButton;

package/lib/esm/components/notificationpane/subcomponents/DismissButton.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { ElementType, EventNames } from "../../../common/Constants";
 import CommandButton from "../../common/commandbutton/CommandButton";
-
 function DismissButton(props) {
   const {
     type
@@ -27,5 +26,4 @@ function DismissButton(props) {
     hideButtonTitle: props.hideButtonTitle
   });
 }
-
 export default DismissButton;

package/lib/esm/components/outofofficehourspane/OOOHPane.js

@@ -5,10 +5,8 @@ import { defaultOOOHPaneControlProps } from "./common/defaultProps/defaultOOOHPa
 import { defaultOOOHPaneGeneralStyles } from "./common/defaultProps/defaultStyles/defaultOOOHPaneGeneralStyles";
 import { defaultOOOHPaneTitleStyles } from "./common/defaultProps/defaultStyles/defaultOOOHPaneTitleStyles";
 import { replaceURLWithAnchor } from "../../common/utils";
-
 function OOOHPane(props) {
-  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$controlProps2, _props$controlProps3, _props$controlProps4, _props$controlProps5, _props$styleProps3, _props$styleProps3$cl, _props$controlProps6, _props$controlProps7, _props$componentOverr, _props$styleProps4, _props$styleProps4$cl;
-
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$controlProps2, _props$controlProps3, _props$controlProps4, _props$controlProps5, _props$styleProps3, _props$controlProps6, _props$controlProps7, _props$componentOverr, _props$styleProps4;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultOOOHPaneControlProps.id;
   const containerStyles = {
     root: Object.assign({}, defaultOOOHPaneGeneralStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
@@ -22,10 +20,10 @@ function OOOHPane(props) {
     tabIndex: -1,
     styles: containerStyles,
     role: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.role) ?? defaultOOOHPaneControlProps.role,
-    className: (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : (_props$styleProps3$cl = _props$styleProps3.classNames) === null || _props$styleProps3$cl === void 0 ? void 0 : _props$styleProps3$cl.containerClassName,
+    className: (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 || (_props$styleProps3 = _props$styleProps3.classNames) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.containerClassName,
     dir: ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.dir) ?? defaultOOOHPaneControlProps.dir
   }, !((_props$controlProps7 = props.controlProps) !== null && _props$controlProps7 !== void 0 && _props$controlProps7.hideTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.createElement(Text, {
-    className: (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : (_props$styleProps4$cl = _props$styleProps4.classNames) === null || _props$styleProps4$cl === void 0 ? void 0 : _props$styleProps4$cl.titleClassName,
+    className: (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 || (_props$styleProps4 = _props$styleProps4.classNames) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.titleClassName,
     styles: titleStyles,
     tabIndex: -1,
     id: elementId + "-title"
@@ -35,5 +33,4 @@ function OOOHPane(props) {
     }
   })))));
 }
-
 export default OOOHPane;

package/lib/esm/components/outofofficehourspane/common/presetFourProps/presetFourOOOHPaneControlProps.js

@@ -1,5 +1,6 @@
 import { defaultOOOHPaneControlProps } from "../defaultProps/defaultOOOHPaneControlProps";
-export const presetFourOOOHPaneControlProps = { ...defaultOOOHPaneControlProps,
+export const presetFourOOOHPaneControlProps = {
+  ...defaultOOOHPaneControlProps,
   id: "lcw-out-of-office-hours-pane-preset1",
   titleText: "We are out of office. Please contact us here https://www.microsoft.com for further assisstance",
   openLinkInNewTab: true

package/lib/esm/components/outofofficehourspane/common/presetOneProps/presetOneOOOHPaneControlProps.js

@@ -1,5 +1,6 @@
 import { defaultOOOHPaneControlProps } from "../defaultProps/defaultOOOHPaneControlProps";
-export const presetOneOOOHPaneControlProps = { ...defaultOOOHPaneControlProps,
+export const presetOneOOOHPaneControlProps = {
+  ...defaultOOOHPaneControlProps,
   id: "lcw-out-of-office-hours-pane-preset1",
   dir: "rtl"
 };

package/lib/esm/components/outofofficehourspane/common/presetTwoProps/presetTwoOOOHPaneControlProps.js

@@ -1,5 +1,6 @@
 import { defaultOOOHPaneControlProps } from "../defaultProps/defaultOOOHPaneControlProps";
-export const presetTwoOOOHPaneControlProps = { ...defaultOOOHPaneControlProps,
+export const presetTwoOOOHPaneControlProps = {
+  ...defaultOOOHPaneControlProps,
   id: "lcw-out-of-office-hours-pane-preset2",
   titleText: "Sorry but we are not operating during these hours!!"
 };

package/lib/esm/components/postchatsurveypane/PostChatSurveyPane.js

@@ -3,10 +3,8 @@ import React from "react";
 import { defaultPostChatSurveyPaneControlProps } from "./common/defaultProps/defaultPostChatSurveyPaneControlProps";
 import { defaultPostChatSurveyPaneGeneralStyles } from "./common/defaultProps/defaultStyles/defaultPostChatSurveyPaneGeneralStyles";
 import { getValidatedURL } from "../../common/utils";
-
 function PostChatSurveyPane(props) {
   var _props$controlProps, _props$controlProps2, _props$styleProps, _props$controlProps3, _props$controlProps4;
-
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultPostChatSurveyPaneControlProps.id;
   const inputUrl = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.surveyURL) ?? defaultPostChatSurveyPaneControlProps.surveyURL;
   const containerStyles = {
@@ -24,7 +22,8 @@ function PostChatSurveyPane(props) {
     styles: containerStyles,
     role: (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.role
   }, /*#__PURE__*/React.createElement("iframe", {
-    id: elementId + "-Iframe" // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    id: elementId + "-Iframe"
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     ,
     src: getValidatedURL(inputUrl),
     title: ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.title) ?? defaultPostChatSurveyPaneControlProps.title,
@@ -32,5 +31,4 @@ function PostChatSurveyPane(props) {
     frameBorder: "0"
   })));
 }
-
 export default PostChatSurveyPane;

package/lib/esm/components/postchatsurveypane/common/presetOneProps/presetOnePostChatSurveyPaneControlProps.js

@@ -1,4 +1,5 @@
 import { defaultPostChatSurveyPaneControlProps } from "../defaultProps/defaultPostChatSurveyPaneControlProps";
-export const presetOnePostChatSurveyPaneControlProps = { ...defaultPostChatSurveyPaneControlProps,
+export const presetOnePostChatSurveyPaneControlProps = {
+  ...defaultPostChatSurveyPaneControlProps,
   id: "lcw-postchat-survey-pane-preset1"
 };