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

package/lib/cjs/components/proactivechatpane/ProactiveChatPane.js

@@ -4,67 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@fluentui/react");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _BroadcastService = require("../../services/BroadcastService");
-
 var _Button = require("@fluentui/react/lib/Button");
-
 var _CloseButton = _interopRequireDefault(require("../common/subcomponents/CloseButton"));
-
 var _Constants = require("../../common/Constants");
-
 var _decodeComponentString = require("../../common/decodeComponentString");
-
 var _defaultProactiveChatPaneBodyContainerStyles = require("./common/default/defaultStyles/defaultProactiveChatPaneBodyContainerStyles");
-
 var _defaultProactiveChatPaneBodyTitleStyles = require("./common/default/defaultStyles/defaultProactiveChatPaneBodyTitleStyles");
-
 var _defaultProactiveChatPaneControlProps = require("./common/default/defaultProps/defaultProactiveChatPaneControlProps");
-
 var _defaultProactiveChatPaneGeneralStyles = require("./common/default/defaultStyles/defaultProactiveChatPaneGeneralStyles");
-
 var _defaultProactiveChatPaneHeaderContainerStyles = require("./common/default/defaultStyles/defaultProactiveChatPaneHeaderContainerStyles");
-
 var _defaultProactiveChatPaneStartButtonHoveredStyles = require("./common/default/defaultStyles/defaultProactiveChatPaneStartButtonHoveredStyles");
-
 var _defaultProactiveChatPaneStartButtonStyles = require("./common/default/defaultStyles/defaultProactiveChatPaneStartButtonStyles");
-
 var _defaultProactiveChatPaneSubtitleStyles = require("./common/default/defaultStyles/defaultProactiveChatPaneSubtitleStyles");
-
 var _defaultProactiveChatPaneTextContainerStyles = require("./common/default/defaultStyles/defaultProactiveChatPaneTextContainerStyles");
-
 var _defaultProactiveChatPaneTitleStyles = require("./common/default/defaultStyles/defaultProactiveChatPaneTitleStyles");
-
 var _utils = require("../../common/utils");
-
 var _defaultProactiveChatPaneProps = require("./common/default/defaultProps/defaultProactiveChatPaneProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _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); }
 function ProactiveChatPane(props) {
-  var _props$controlProps, _defaultProactiveChat, _props$controlProps6, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _defaultProactiveChat2, _props$styleProps6, _defaultProactiveChat3, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$controlProps7, _props$styleProps13, _props$styleProps13$c, _props$controlProps8, _props$controlProps9, _props$styleProps14, _props$styleProps14$c, _props$styleProps15, _props$styleProps15$c, _props$controlProps10, _props$componentOverr, _props$styleProps16, _props$styleProps16$c, _props$controlProps11, _props$controlProps12, _props$componentOverr2, _props$styleProps17, _props$styleProps17$c, _props$controlProps13, _props$controlProps14, _props$componentOverr3, _props$styleProps18, _props$styleProps18$c, _props$controlProps15, _props$styleProps19, _props$styleProps19$c, _props$controlProps16, _props$componentOverr4, _props$styleProps20, _props$styleProps20$c, _props$controlProps17, _props$controlProps18, _props$componentOverr5, _props$styleProps21, _props$styleProps21$c, _props$controlProps19, _props$controlProps20;
-
+  var _props$controlProps, _defaultProactiveChat, _props$controlProps6, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _defaultProactiveChat2, _props$styleProps6, _defaultProactiveChat3, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$controlProps7, _props$styleProps11, _props$controlProps8, _props$controlProps9, _props$styleProps12, _props$styleProps13, _props$controlProps0, _props$componentOverr, _props$styleProps14, _props$controlProps1, _props$controlProps10, _props$componentOverr2, _props$styleProps15, _props$controlProps11, _props$controlProps12, _props$componentOverr3, _props$styleProps16, _props$controlProps13, _props$styleProps17, _props$controlProps14, _props$componentOverr4, _props$styleProps18, _props$controlProps15, _props$controlProps16, _props$componentOverr5, _props$styleProps19, _props$controlProps17, _props$controlProps18;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.id;
-
   const close = (controlId, suffix) => {
     var _props$controlProps2;
-
     if ((_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.onClose) {
       var _props$controlProps3;
-
       const performance = window.performance;
       const startTime = performance.now();
-      (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.onClose();
+      (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 || _props$controlProps3.onClose();
       const endTime = performance.now();
       const payload = {
         elapsedTimeInMilliseconds: endTime - startTime
@@ -74,12 +45,11 @@ function ProactiveChatPane(props) {
         eventName: eventName + " - Proactive Chat Rejected",
         payload: payload
       };
-
       _BroadcastService.BroadcastService.postMessage(customEvent);
     }
-  }; // 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) {
       close(elementId, "KeyDown");
@@ -90,18 +60,14 @@ function ProactiveChatPane(props) {
   }, []);
   const handleStartClick = (0, _react2.useCallback)(() => {
     var _props$controlProps4;
-
     if ((_props$controlProps4 = props.controlProps) !== null && _props$controlProps4 !== void 0 && _props$controlProps4.onStart) {
       var _props$controlProps5;
-
       const onClickEventName = (0, _utils.generateEventName)(elementId + "-startbutton", "on", "Click");
       const onClickEvent = {
         eventName: onClickEventName + " - Proactive Chat Accepted"
       };
-
       _BroadcastService.BroadcastService.postMessage(onClickEvent);
-
-      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.onStart();
+      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 || _props$controlProps5.onStart();
     }
   }, []);
   const closeButtonProps = Object.assign({}, (_defaultProactiveChat = _defaultProactiveChatPaneProps.defaultProactiveChatPaneProps.controlProps) === null || _defaultProactiveChat === void 0 ? void 0 : _defaultProactiveChat.closeButtonProps, (_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.closeButtonProps);
@@ -129,12 +95,12 @@ function ProactiveChatPane(props) {
     root: Object.assign({}, _defaultProactiveChatPaneBodyTitleStyles.defaultProactiveChatPaneBodyTitleStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.bodyTitleStyleProps)
   };
   const startButtonStyles = {
-    root: Object.assign({}, _defaultProactiveChatPaneStartButtonStyles.defaultProactiveChatPaneStartButtonStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.startButtonStyleProps),
-    rootHovered: Object.assign({}, _defaultProactiveChatPaneStartButtonHoveredStyles.defaultProactiveChatPaneStartButtonHoveredStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.startButtonHoveredStyleProps),
-    rootPressed: Object.assign({}, _defaultProactiveChatPaneStartButtonHoveredStyles.defaultProactiveChatPaneStartButtonHoveredStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.startButtonHoveredStyleProps)
+    root: Object.assign({}, _defaultProactiveChatPaneStartButtonStyles.defaultProactiveChatPaneStartButtonStyles, (_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.startButtonStyleProps),
+    rootHovered: Object.assign({}, _defaultProactiveChatPaneStartButtonHoveredStyles.defaultProactiveChatPaneStartButtonHoveredStyles, (_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.startButtonHoveredStyleProps),
+    rootPressed: Object.assign({}, _defaultProactiveChatPaneStartButtonHoveredStyles.defaultProactiveChatPaneStartButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.startButtonHoveredStyleProps)
   };
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, !((_props$controlProps7 = props.controlProps) !== null && _props$controlProps7 !== void 0 && _props$controlProps7.hideProactiveChatPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
-    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : (_props$styleProps13$c = _props$styleProps13.classNames) === null || _props$styleProps13$c === void 0 ? void 0 : _props$styleProps13$c.containerClassName,
+    className: (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 || (_props$styleProps11 = _props$styleProps11.classNames) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.containerClassName,
     id: elementId,
     tabIndex: -1,
     onKeyDown: handleEscKeyDown,
@@ -143,52 +109,50 @@ function ProactiveChatPane(props) {
     styles: containerStyles
   }, /*#__PURE__*/_react2.default.createElement(_react.Stack, {
     horizontal: true,
-    className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.classNames) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.headerContainerClassName,
+    className: (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 || (_props$styleProps12 = _props$styleProps12.classNames) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.headerContainerClassName,
     styles: headerContainerStyles,
     tabIndex: -1,
     id: elementId + "-headercontainer"
   }, /*#__PURE__*/_react2.default.createElement(_react.Stack, {
-    className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.classNames) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.textContainerClassName,
+    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 || (_props$styleProps13 = _props$styleProps13.classNames) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.textContainerClassName,
     styles: textContainerStyles,
     tabIndex: -1,
     id: elementId + "-textcontainer"
-  }, !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
-    className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.classNames) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.titleClassName,
+  }, !((_props$controlProps0 = props.controlProps) !== null && _props$controlProps0 !== void 0 && _props$controlProps0.hideTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 || (_props$styleProps14 = _props$styleProps14.classNames) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.titleClassName,
     styles: titleStyles,
     tabIndex: -1,
     id: elementId + "-title"
-  }, ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.titleText) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.titleText)), !((_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.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$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.subtitleClassName,
+  }, ((_props$controlProps1 = props.controlProps) === null || _props$controlProps1 === void 0 ? void 0 : _props$controlProps1.titleText) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.titleText)), !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideSubtitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 || (_props$styleProps15 = _props$styleProps15.classNames) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.subtitleClassName,
     styles: subtitleStyles,
     tabIndex: -1,
     id: elementId + "-subtitle"
-  }, ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.subtitleText) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.subtitleText))), !((_props$controlProps14 = props.controlProps) !== null && _props$controlProps14 !== void 0 && _props$controlProps14.hideCloseButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.closeButton) || /*#__PURE__*/_react2.default.createElement(_CloseButton.default, _extends({}, closeButtonProps, {
-    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.closeButtonClassName,
+  }, ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.subtitleText) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.subtitleText))), !((_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.hideCloseButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.closeButton) || /*#__PURE__*/_react2.default.createElement(_CloseButton.default, _extends({}, closeButtonProps, {
+    className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 || (_props$styleProps16 = _props$styleProps16.classNames) === null || _props$styleProps16 === void 0 ? void 0 : _props$styleProps16.closeButtonClassName,
     onClick: handleCloseClick,
     styles: closeButtonStyles,
     hoverStyles: closeButtonHoverStyles,
     id: elementId + "-closebutton"
   })))), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
-    horizontal: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.isBodyContainerHorizantal) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.isBodyContainerHorizantal,
-    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.bodyContainerClassName,
+    horizontal: ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.isBodyContainerHorizantal) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.isBodyContainerHorizantal,
+    className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 || (_props$styleProps17 = _props$styleProps17.classNames) === null || _props$styleProps17 === void 0 ? void 0 : _props$styleProps17.bodyContainerClassName,
     styles: bodyContainerStyles,
     tabIndex: -1,
     id: elementId + "-bodycontainer"
-  }, !((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.hideBodyTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.bodyTitle) || /*#__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.bodyTitleClassName,
+  }, !((_props$controlProps14 = props.controlProps) !== null && _props$controlProps14 !== void 0 && _props$controlProps14.hideBodyTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.bodyTitle) || /*#__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.bodyTitleClassName,
     styles: bodyTitleStyles,
     tabIndex: -1,
     id: elementId + "-bodytitle"
-  }, ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.bodyTitleText) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.bodyTitleText)), !((_props$controlProps18 = props.controlProps) !== null && _props$controlProps18 !== void 0 && _props$controlProps18.hideStartButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.startButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
-    className: (_props$styleProps21 = props.styleProps) === null || _props$styleProps21 === void 0 ? void 0 : (_props$styleProps21$c = _props$styleProps21.classNames) === null || _props$styleProps21$c === void 0 ? void 0 : _props$styleProps21$c.startButtonClassName,
+  }, ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.bodyTitleText) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.bodyTitleText)), !((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.hideStartButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.startButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
+    className: (_props$styleProps19 = props.styleProps) === null || _props$styleProps19 === void 0 || (_props$styleProps19 = _props$styleProps19.classNames) === null || _props$styleProps19 === void 0 ? void 0 : _props$styleProps19.startButtonClassName,
     styles: startButtonStyles,
     tabIndex: 0,
-    text: ((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 ? void 0 : _props$controlProps19.startButtonText) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.startButtonText,
+    text: ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.startButtonText) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.startButtonText,
     onClick: handleStartClick,
     id: elementId + "-startbutton",
-    "aria-label": ((_props$controlProps20 = props.controlProps) === null || _props$controlProps20 === void 0 ? void 0 : _props$controlProps20.startButtonAriaLabel) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.startButtonAriaLabel
+    "aria-label": ((_props$controlProps18 = props.controlProps) === null || _props$controlProps18 === void 0 ? void 0 : _props$controlProps18.startButtonAriaLabel) || _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps.startButtonAriaLabel
   })))));
 }
-
-var _default = ProactiveChatPane;
-exports.default = _default;
+var _default = exports.default = ProactiveChatPane;

package/lib/cjs/components/proactivechatpane/common/default/defaultProps/defaultProactiveChatPaneControlProps.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneControlProps = void 0;
-
 var _Constants = require("../../../../../common/Constants");
-
-const defaultProactiveChatPaneControlProps = {
+const defaultProactiveChatPaneControlProps = exports.defaultProactiveChatPaneControlProps = {
   id: _Constants.Ids.DefaultProactiveChatPaneId,
   dir: "ltr",
   hideProactiveChatPane: false,
@@ -34,5 +32,4 @@ const defaultProactiveChatPaneControlProps = {
   onStart: function () {
     console.log("on start");
   }
-};
-exports.defaultProactiveChatPaneControlProps = defaultProactiveChatPaneControlProps;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultProps/defaultProactiveChatPaneProps.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneProps = void 0;
-
 var _defaultProactiveChatPaneStyles = require("../defaultStyles/defaultProactiveChatPaneStyles");
-
 var _defaultProactiveChatPaneControlProps = require("./defaultProactiveChatPaneControlProps");
-
-const defaultProactiveChatPaneProps = {
+const defaultProactiveChatPaneProps = exports.defaultProactiveChatPaneProps = {
   controlProps: _defaultProactiveChatPaneControlProps.defaultProactiveChatPaneControlProps,
   styleProps: _defaultProactiveChatPaneStyles.defaultProactiveChatPaneStyles
-};
-exports.defaultProactiveChatPaneProps = defaultProactiveChatPaneProps;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneBodyContainerStyles.js

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

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneBodyTitleStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneBodyTitleStyles = void 0;
-const defaultProactiveChatPaneBodyTitleStyles = {
+const defaultProactiveChatPaneBodyTitleStyles = exports.defaultProactiveChatPaneBodyTitleStyles = {
   color: "rgb(0, 0, 0)",
   display: "inline-block",
   fontFamily: "'Segoe UI', Arial, sans-serif",
@@ -13,5 +13,4 @@ const defaultProactiveChatPaneBodyTitleStyles = {
   padding: "16px",
   overflow: "hidden",
   wordBreak: "break-word"
-};
-exports.defaultProactiveChatPaneBodyTitleStyles = defaultProactiveChatPaneBodyTitleStyles;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneCloseButtonHoveredStyles.js

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

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneCloseButtonStyles.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneCloseButtonStyles = void 0;
-const defaultProactiveChatPaneCloseButtonStyles = {
+const defaultProactiveChatPaneCloseButtonStyles = exports.defaultProactiveChatPaneCloseButtonStyles = {
   color: "white",
   fontSize: "12px"
-};
-exports.defaultProactiveChatPaneCloseButtonStyles = defaultProactiveChatPaneCloseButtonStyles;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneGeneralStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneGeneralStyles = void 0;
-const defaultProactiveChatPaneGeneralStyles = {
+const defaultProactiveChatPaneGeneralStyles = exports.defaultProactiveChatPaneGeneralStyles = {
   backgroundColor: "rgb(255, 255, 255)",
   borderRadius: "8px",
   boxShadow: "0 0 4px rgb(102 102 102 / 50%)",
@@ -16,5 +16,4 @@ const defaultProactiveChatPaneGeneralStyles = {
   right: "0",
   width: "245px",
   zIndex: "9999"
-};
-exports.defaultProactiveChatPaneGeneralStyles = defaultProactiveChatPaneGeneralStyles;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneHeaderContainerStyles.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneHeaderContainerStyles = void 0;
-
 var _Icons = require("../../../../../assets/Icons");
-
-const defaultProactiveChatPaneHeaderContainerStyles = {
+const defaultProactiveChatPaneHeaderContainerStyles = exports.defaultProactiveChatPaneHeaderContainerStyles = {
   backgroundColor: "rgb(49, 95, 162)",
   backgroundImage: `url(${_Icons.ProactiveChatBannerBase64})`,
   backgroundPosition: "initial",
@@ -16,5 +14,4 @@ const defaultProactiveChatPaneHeaderContainerStyles = {
   borderTopRightRadius: "inherit",
   height: "90px",
   padding: "10px 16px 10px 16px"
-};
-exports.defaultProactiveChatPaneHeaderContainerStyles = defaultProactiveChatPaneHeaderContainerStyles;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneStartButtonHoveredStyles.js

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

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneStartButtonStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneStartButtonStyles = void 0;
-const defaultProactiveChatPaneStartButtonStyles = {
+const defaultProactiveChatPaneStartButtonStyles = exports.defaultProactiveChatPaneStartButtonStyles = {
   backgroundColor: "rgb(49, 95, 162)",
   borderRadius: "40px",
   color: "rgb(255, 255, 255)",
@@ -14,5 +14,4 @@ const defaultProactiveChatPaneStartButtonStyles = {
   padding: "6px 23px 6px 23px",
   width: "50%",
   zIndex: "inherit"
-};
-exports.defaultProactiveChatPaneStartButtonStyles = defaultProactiveChatPaneStartButtonStyles;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneStyles.js

@@ -4,30 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneStyles = void 0;
-
 var _defaultProactiveChatPaneSubtitleStyles = require("./defaultProactiveChatPaneSubtitleStyles");
-
 var _defaultProactiveChatPaneBodyContainerStyles = require("./defaultProactiveChatPaneBodyContainerStyles");
-
 var _defaultProactiveChatPaneBodyTitleStyles = require("./defaultProactiveChatPaneBodyTitleStyles");
-
 var _defaultProactiveChatPaneGeneralStyles = require("./defaultProactiveChatPaneGeneralStyles");
-
 var _defaultProactiveChatPaneTitleStyles = require("./defaultProactiveChatPaneTitleStyles");
-
 var _defaultProactiveChatPaneCloseButtonStyles = require("./defaultProactiveChatPaneCloseButtonStyles");
-
 var _defaultProactiveChatPaneHeaderContainerStyles = require("./defaultProactiveChatPaneHeaderContainerStyles");
-
 var _defaultProactiveChatPaneTextContainerStyles = require("./defaultProactiveChatPaneTextContainerStyles");
-
 var _defaultProactiveChatPaneStartButtonStyles = require("./defaultProactiveChatPaneStartButtonStyles");
-
 var _defaultProactiveChatPaneStartButtonHoveredStyles = require("./defaultProactiveChatPaneStartButtonHoveredStyles");
-
 var _defaultProactiveChatPaneCloseButtonHoveredStyles = require("./defaultProactiveChatPaneCloseButtonHoveredStyles");
-
-const defaultProactiveChatPaneStyles = {
+const defaultProactiveChatPaneStyles = exports.defaultProactiveChatPaneStyles = {
   generalStyleProps: _defaultProactiveChatPaneGeneralStyles.defaultProactiveChatPaneGeneralStyles,
   headerContainerStyleProps: _defaultProactiveChatPaneHeaderContainerStyles.defaultProactiveChatPaneHeaderContainerStyles,
   textContainerStyleProps: _defaultProactiveChatPaneTextContainerStyles.defaultProactiveChatPaneTextContainerStyles,
@@ -39,5 +27,4 @@ const defaultProactiveChatPaneStyles = {
   bodyTitleStyleProps: _defaultProactiveChatPaneBodyTitleStyles.defaultProactiveChatPaneBodyTitleStyles,
   startButtonStyleProps: _defaultProactiveChatPaneStartButtonStyles.defaultProactiveChatPaneStartButtonStyles,
   startButtonHoveredStyleProps: _defaultProactiveChatPaneStartButtonHoveredStyles.defaultProactiveChatPaneStartButtonHoveredStyles
-};
-exports.defaultProactiveChatPaneStyles = defaultProactiveChatPaneStyles;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneSubtitleStyles.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneSubtitleStyles = void 0;
-const defaultProactiveChatPaneSubtitleStyles = {
+const defaultProactiveChatPaneSubtitleStyles = exports.defaultProactiveChatPaneSubtitleStyles = {
   color: "rgb(255, 255, 255)",
   fontFamily: "'Segoe UI', Arial, sans-serif",
   fontSize: "18px",
   fontWeight: "600"
-};
-exports.defaultProactiveChatPaneSubtitleStyles = defaultProactiveChatPaneSubtitleStyles;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneTextContainerStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneTextContainerStyles = void 0;
-const defaultProactiveChatPaneTextContainerStyles = {
+const defaultProactiveChatPaneTextContainerStyles = exports.defaultProactiveChatPaneTextContainerStyles = {
   color: "rgb(255, 255, 255)",
   fontFamily: "'Segoe UI', Arial, sans-serif",
   fontSize: "14px",
@@ -12,5 +12,4 @@ const defaultProactiveChatPaneTextContainerStyles = {
   fontWeight: "400",
   lineHeight: "19px",
   width: "95%"
-};
-exports.defaultProactiveChatPaneTextContainerStyles = defaultProactiveChatPaneTextContainerStyles;
+};

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneTitleStyles.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneTitleStyles = void 0;
-const defaultProactiveChatPaneTitleStyles = {
+const defaultProactiveChatPaneTitleStyles = exports.defaultProactiveChatPaneTitleStyles = {
   color: "rgb(255, 255, 255)",
   fontFamily: "'Segoe UI', Arial, sans-serif"
-};
-exports.defaultProactiveChatPaneTitleStyles = defaultProactiveChatPaneTitleStyles;
+};

package/lib/cjs/components/proactivechatpane/common/presetOne/presetOneProps/presetOneProactiveChatPaneControlProps.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOneProactiveChatPaneControlProps = void 0;
-
 var _Constants = require("../../../../../common/Constants");
-
-const presetOneProactiveChatPaneControlProps = {
+const presetOneProactiveChatPaneControlProps = exports.presetOneProactiveChatPaneControlProps = {
   id: "lcw-incoming-proactive-chat",
   dir: "ltr",
   hideProactiveChatPane: false,
@@ -34,5 +32,4 @@ const presetOneProactiveChatPaneControlProps = {
   onStart: function () {
     console.log("on start");
   }
-};
-exports.presetOneProactiveChatPaneControlProps = presetOneProactiveChatPaneControlProps;
+};

package/lib/cjs/components/proactivechatpane/common/presetOne/presetOneProps/presetOneProactiveChatPaneProps.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOneProactiveChatPaneProps = void 0;
-
 var _presetOneProactiveChatPaneStyles = require("../presetOneStyles/presetOneProactiveChatPaneStyles");
-
 var _presetOneProactiveChatPaneControlProps = require("./presetOneProactiveChatPaneControlProps");
-
-const presetOneProactiveChatPaneProps = {
+const presetOneProactiveChatPaneProps = exports.presetOneProactiveChatPaneProps = {
   controlProps: _presetOneProactiveChatPaneControlProps.presetOneProactiveChatPaneControlProps,
   styleProps: _presetOneProactiveChatPaneStyles.presetOneProactiveChatPaneStyles
-};
-exports.presetOneProactiveChatPaneProps = presetOneProactiveChatPaneProps;
+};

package/lib/cjs/components/proactivechatpane/common/presetOne/presetOneStyles/presetOneProactiveChatPaneBodyTitleStyles.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOneProactiveChatPaneBodyTitleStyles = void 0;
-const presetOneProactiveChatPaneBodyTitleStyles = {
+const presetOneProactiveChatPaneBodyTitleStyles = exports.presetOneProactiveChatPaneBodyTitleStyles = {
   alignItems: "center",
   display: "flex",
   textAlign: "center"
-};
-exports.presetOneProactiveChatPaneBodyTitleStyles = presetOneProactiveChatPaneBodyTitleStyles;
+};

package/lib/cjs/components/proactivechatpane/common/presetOne/presetOneStyles/presetOneProactiveChatPaneCloseButtonHoveredStyles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOneProactiveChatPaneCloseButtonHoveredStyles = void 0;
-const presetOneProactiveChatPaneCloseButtonHoveredStyles = {
+const presetOneProactiveChatPaneCloseButtonHoveredStyles = exports.presetOneProactiveChatPaneCloseButtonHoveredStyles = {
   backgroundColor: "rgb(129, 133, 137)"
-};
-exports.presetOneProactiveChatPaneCloseButtonHoveredStyles = presetOneProactiveChatPaneCloseButtonHoveredStyles;
+};

package/lib/cjs/components/proactivechatpane/common/presetOne/presetOneStyles/presetOneProactiveChatPaneCloseButtonStyles.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOneProactiveChatPaneCloseButtonStyles = void 0;
-const presetOneProactiveChatPaneCloseButtonStyles = {
+const presetOneProactiveChatPaneCloseButtonStyles = exports.presetOneProactiveChatPaneCloseButtonStyles = {
   height: "20px",
   width: "20px"
-};
-exports.presetOneProactiveChatPaneCloseButtonStyles = presetOneProactiveChatPaneCloseButtonStyles;
+};

package/lib/cjs/components/proactivechatpane/common/presetOne/presetOneStyles/presetOneProactiveChatPaneStartButtonHoveredStyles.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOneProactiveChatPaneStartButtonHoveredStyles = void 0;
-const presetOneProactiveChatPaneStartButtonHoveredStyles = {
+const presetOneProactiveChatPaneStartButtonHoveredStyles = exports.presetOneProactiveChatPaneStartButtonHoveredStyles = {
   backgroundColor: "rgb(169, 169, 169)",
   color: "rgb(0, 0, 0)"
-};
-exports.presetOneProactiveChatPaneStartButtonHoveredStyles = presetOneProactiveChatPaneStartButtonHoveredStyles;
+};

package/lib/cjs/components/proactivechatpane/common/presetOne/presetOneStyles/presetOneProactiveChatPaneStartButtonStyles.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOneProactiveChatPaneStartButtonStyles = void 0;
-const presetOneProactiveChatPaneStartButtonStyles = {
+const presetOneProactiveChatPaneStartButtonStyles = exports.presetOneProactiveChatPaneStartButtonStyles = {
   borderRadius: "10px",
   height: "100px",
   width: "100px"
-};
-exports.presetOneProactiveChatPaneStartButtonStyles = presetOneProactiveChatPaneStartButtonStyles;
+};

package/lib/cjs/components/proactivechatpane/common/presetOne/presetOneStyles/presetOneProactiveChatPaneStyles.js

@@ -4,22 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOneProactiveChatPaneStyles = void 0;
-
 var _presetOneProactiveChatPaneBodyTitleStyles = require("./presetOneProactiveChatPaneBodyTitleStyles");
-
 var _presetOneProactiveChatPaneCloseButtonStyles = require("./presetOneProactiveChatPaneCloseButtonStyles");
-
 var _presetOneProactiveChatPaneStartButtonStyles = require("./presetOneProactiveChatPaneStartButtonStyles");
-
 var _presetOneProactiveChatPaneStartButtonHoveredStyles = require("./presetOneProactiveChatPaneStartButtonHoveredStyles");
-
 var _presetOneProactiveChatPaneCloseButtonHoveredStyles = require("./presetOneProactiveChatPaneCloseButtonHoveredStyles");
-
-const presetOneProactiveChatPaneStyles = {
+const presetOneProactiveChatPaneStyles = exports.presetOneProactiveChatPaneStyles = {
   closeButtonStyleProps: _presetOneProactiveChatPaneCloseButtonStyles.presetOneProactiveChatPaneCloseButtonStyles,
   closeButtonHoveredStyleProps: _presetOneProactiveChatPaneCloseButtonHoveredStyles.presetOneProactiveChatPaneCloseButtonHoveredStyles,
   bodyTitleStyleProps: _presetOneProactiveChatPaneBodyTitleStyles.presetOneProactiveChatPaneBodyTitleStyles,
   startButtonStyleProps: _presetOneProactiveChatPaneStartButtonStyles.presetOneProactiveChatPaneStartButtonStyles,
   startButtonHoveredStyleProps: _presetOneProactiveChatPaneStartButtonHoveredStyles.presetOneProactiveChatPaneStartButtonHoveredStyles
-};
-exports.presetOneProactiveChatPaneStyles = presetOneProactiveChatPaneStyles;
+};

package/lib/cjs/components/proactivechatpane/common/presetThree/presetThreeProps/presetThreeProactiveChatPaneControlProps.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetThreeProactiveChatPaneControlProps = void 0;
-
 var _Constants = require("../../../../../common/Constants");
-
-const presetThreeProactiveChatPaneControlProps = {
+const presetThreeProactiveChatPaneControlProps = exports.presetThreeProactiveChatPaneControlProps = {
   id: "lcw-incoming-proactive-chat",
   dir: "ltr",
   hideProactiveChatPane: false,
@@ -34,5 +32,4 @@ const presetThreeProactiveChatPaneControlProps = {
   onStart: function () {
     console.log("on start");
   }
-};
-exports.presetThreeProactiveChatPaneControlProps = presetThreeProactiveChatPaneControlProps;
+};

package/lib/cjs/components/proactivechatpane/common/presetThree/presetThreeProps/presetThreeProactiveChatPaneProps.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetThreeProactiveChatPaneProps = void 0;
-
 var _presetThreeProactiveChatPaneStyles = require("../presetThreeStyles/presetThreeProactiveChatPaneStyles");
-
 var _presetThreeProactiveChatPaneControlProps = require("./presetThreeProactiveChatPaneControlProps");
-
-const presetThreeProactiveChatPaneProps = {
+const presetThreeProactiveChatPaneProps = exports.presetThreeProactiveChatPaneProps = {
   controlProps: _presetThreeProactiveChatPaneControlProps.presetThreeProactiveChatPaneControlProps,
   styleProps: _presetThreeProactiveChatPaneStyles.presetThreeProactiveChatPaneStyles
-};
-exports.presetThreeProactiveChatPaneProps = presetThreeProactiveChatPaneProps;
+};