npm - @microsoft/omnichannel-chat-components - Versions diffs - 0.1.0-main.edd8c2a → 0.1.0-main.fb5f930 - Mend

@microsoft/omnichannel-chat-components 0.1.0-main.edd8c2a → 0.1.0-main.fb5f930

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/lib/esm/components/proactivechatpane/ProactiveChatPane.js CHANGED Viewed

@@ -1,13 +1,14 @@
-import { IconButton, Label, Stack } from "@fluentui/react";
+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); }
+import { Label, Stack } from "@fluentui/react";
 import React, { useCallback } from "react";
 import { BroadcastService } from "../../services/BroadcastService";
 import { DefaultButton } from "@fluentui/react/lib/Button";
+import CloseButton from "../common/subcomponents/CloseButton";
 import { KeyCodes } from "../../common/Constants";
 import { decodeComponentString } from "../../common/decodeComponentString";
 import { defaultProactiveChatPaneBodyContainerStyles } from "./common/default/defaultStyles/defaultProactiveChatPaneBodyContainerStyles";
 import { defaultProactiveChatPaneBodyTitleStyles } from "./common/default/defaultStyles/defaultProactiveChatPaneBodyTitleStyles";
-import { defaultProactiveChatPaneCloseButtonHoveredStyles } from "./common/default/defaultStyles/defaultProactiveChatPaneCloseButtonHoveredStyles";
-import { defaultProactiveChatPaneCloseButtonStyles } from "./common/default/defaultStyles/defaultProactiveChatPaneCloseButtonStyles";
 import { defaultProactiveChatPaneControlProps } from "./common/default/defaultProps/defaultProactiveChatPaneControlProps";
 import { defaultProactiveChatPaneGeneralStyles } from "./common/default/defaultStyles/defaultProactiveChatPaneGeneralStyles";
 import { defaultProactiveChatPaneHeaderContainerStyles } from "./common/default/defaultStyles/defaultProactiveChatPaneHeaderContainerStyles";
@@ -17,9 +18,10 @@ import { defaultProactiveChatPaneSubtitleStyles } from "./common/default/default
 import { defaultProactiveChatPaneTextContainerStyles } from "./common/default/defaultStyles/defaultProactiveChatPaneTextContainerStyles";
 import { defaultProactiveChatPaneTitleStyles } from "./common/default/defaultStyles/defaultProactiveChatPaneTitleStyles";
 import { generateEventName } from "../../common/utils";
+import { defaultProactiveChatPaneProps } from "./common/default/defaultProps/defaultProactiveChatPaneProps";
 function ProactiveChatPane(props) {
-  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$controlProps6, _props$styleProps12, _props$styleProps12$c, _props$controlProps7, _props$controlProps8, _props$styleProps13, _props$styleProps13$c, _props$styleProps14, _props$styleProps14$c, _props$controlProps9, _props$componentOverr, _props$styleProps15, _props$styleProps15$c, _props$controlProps10, _props$controlProps11, _props$componentOverr2, _props$styleProps16, _props$styleProps16$c, _props$controlProps12, _props$controlProps13, _props$componentOverr3, _props$styleProps17, _props$styleProps17$c, _props$controlProps14, _props$controlProps15, _props$styleProps18, _props$styleProps18$c, _props$controlProps16, _props$componentOverr4, _props$styleProps19, _props$styleProps19$c, _props$controlProps17, _props$controlProps18, _props$componentOverr5, _props$styleProps20, _props$styleProps20$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$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;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultProactiveChatPaneControlProps.id;
@@ -68,6 +70,7 @@ function ProactiveChatPane(props) {
       (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.onStart();
     }
   }, []);
+  const closeButtonProps = Object.assign({}, (_defaultProactiveChat = defaultProactiveChatPaneProps.controlProps) === null || _defaultProactiveChat === void 0 ? void 0 : _defaultProactiveChat.closeButtonProps, (_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.closeButtonProps);
   const containerStyles = {
     root: Object.assign({}, defaultProactiveChatPaneGeneralStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
   };
@@ -83,10 +86,8 @@ function ProactiveChatPane(props) {
   const subtitleStyles = {
     root: Object.assign({}, defaultProactiveChatPaneSubtitleStyles, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.subtitleStyleProps)
   };
-  const closeButtonStyles = {
-    root: Object.assign({}, defaultProactiveChatPaneCloseButtonStyles, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.closeButtonStyleProps),
-    rootHovered: Object.assign({}, defaultProactiveChatPaneCloseButtonHoveredStyles, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.closeButtonHoveredStyleProps)
-  };
+  const closeButtonStyles = Object.assign({}, (_defaultProactiveChat2 = defaultProactiveChatPaneProps.styleProps) === null || _defaultProactiveChat2 === void 0 ? void 0 : _defaultProactiveChat2.closeButtonStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.closeButtonStyleProps);
+  const closeButtonHoverStyles = Object.assign({}, (_defaultProactiveChat3 = defaultProactiveChatPaneProps.styleProps) === null || _defaultProactiveChat3 === void 0 ? void 0 : _defaultProactiveChat3.closeButtonHoveredStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.closeButtonHoveredStyleProps);
   const bodyContainerStyles = {
     root: Object.assign({}, defaultProactiveChatPaneBodyContainerStyles, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.bodyContainerStyleProps)
   };
@@ -95,57 +96,57 @@ function ProactiveChatPane(props) {
   };
   const startButtonStyles = {
     root: Object.assign({}, defaultProactiveChatPaneStartButtonStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.startButtonStyleProps),
-    rootHovered: Object.assign({}, defaultProactiveChatPaneStartButtonHoveredStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.startButtonHoveredStyleProps)
+    rootHovered: Object.assign({}, defaultProactiveChatPaneStartButtonHoveredStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.startButtonHoveredStyleProps),
+    rootPressed: Object.assign({}, defaultProactiveChatPaneStartButtonHoveredStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.startButtonHoveredStyleProps)
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hideProactiveChatPane) && /*#__PURE__*/React.createElement(Stack, {
-    className: (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : (_props$styleProps12$c = _props$styleProps12.classNames) === null || _props$styleProps12$c === void 0 ? void 0 : _props$styleProps12$c.containerClassName,
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !((_props$controlProps7 = props.controlProps) !== null && _props$controlProps7 !== void 0 && _props$controlProps7.hideProactiveChatPane) && /*#__PURE__*/React.createElement(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,
     id: elementId,
     tabIndex: -1,
     onKeyDown: handleEscKeyDown,
-    dir: ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.dir) || defaultProactiveChatPaneControlProps.dir,
-    "aria-label": ((_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 ? void 0 : _props$controlProps8.proactiveChatPaneAriaLabel) || defaultProactiveChatPaneControlProps.proactiveChatPaneAriaLabel,
+    dir: ((_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 ? void 0 : _props$controlProps8.dir) || defaultProactiveChatPaneControlProps.dir,
+    "aria-label": ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.proactiveChatPaneAriaLabel) || defaultProactiveChatPaneControlProps.proactiveChatPaneAriaLabel,
     styles: containerStyles
   }, /*#__PURE__*/React.createElement(Stack, {
     horizontal: true,
-    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.headerContainerClassName,
+    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,
     styles: headerContainerStyles,
     tabIndex: -1,
     id: elementId + "-headercontainer"
   }, /*#__PURE__*/React.createElement(Stack, {
-    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.textContainerClassName,
+    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,
     styles: textContainerStyles,
     tabIndex: -1,
     id: elementId + "-textcontainer"
-  }, !((_props$controlProps9 = props.controlProps) !== null && _props$controlProps9 !== void 0 && _props$controlProps9.hideTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.createElement(Label, {
-    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.titleClassName,
+  }, !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.createElement(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,
     styles: titleStyles,
     tabIndex: -1,
     id: elementId + "-title"
-  }, ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.titleText) || defaultProactiveChatPaneControlProps.titleText)), !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(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.subtitleClassName,
+  }, ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.titleText) || defaultProactiveChatPaneControlProps.titleText)), !((_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(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,
     styles: subtitleStyles,
     tabIndex: -1,
     id: elementId + "-subtitle"
-  }, ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.subtitleText) || defaultProactiveChatPaneControlProps.subtitleText))), !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideCloseButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.closeButton) || /*#__PURE__*/React.createElement(IconButton, {
-    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.closeButtonClassName,
-    styles: closeButtonStyles,
-    tabIndex: 0,
+  }, ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.subtitleText) || defaultProactiveChatPaneControlProps.subtitleText))), !((_props$controlProps14 = props.controlProps) !== null && _props$controlProps14 !== void 0 && _props$controlProps14.hideCloseButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.closeButton) || /*#__PURE__*/React.createElement(CloseButton, _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,
     onClick: handleCloseClick,
-    id: elementId + "-closebutton",
-    "aria-label": ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.closeButtonAriaLabel) || defaultProactiveChatPaneControlProps.closeButtonAriaLabel
-  }))), /*#__PURE__*/React.createElement(Stack, {
+    styles: closeButtonStyles,
+    hoverStyles: closeButtonHoverStyles,
+    id: elementId + "-closebutton"
+  })))), /*#__PURE__*/React.createElement(Stack, {
     horizontal: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.isBodyContainerHorizantal) || defaultProactiveChatPaneControlProps.isBodyContainerHorizantal,
-    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.bodyContainerClassName,
+    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,
     styles: bodyContainerStyles,
     tabIndex: -1,
     id: elementId + "-bodycontainer"
   }, !((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.hideBodyTitle) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.bodyTitle) || /*#__PURE__*/React.createElement(Label, {
-    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.bodyTitleClassName,
+    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,
     styles: bodyTitleStyles,
     tabIndex: -1,
     id: elementId + "-bodytitle"
   }, ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.bodyTitleText) || defaultProactiveChatPaneControlProps.bodyTitleText)), !((_props$controlProps18 = props.controlProps) !== null && _props$controlProps18 !== void 0 && _props$controlProps18.hideStartButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.startButton) || /*#__PURE__*/React.createElement(DefaultButton, {
-    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.startButtonClassName,
+    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,
     styles: startButtonStyles,
     tabIndex: 0,
     text: ((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 ? void 0 : _props$controlProps19.startButtonText) || defaultProactiveChatPaneControlProps.startButtonText,

package/lib/esm/components/proactivechatpane/common/default/defaultProps/defaultProactiveChatPaneControlProps.js CHANGED Viewed

@@ -8,7 +8,11 @@ export const defaultProactiveChatPaneControlProps = {
   hideSubtitle: false,
   subtitleText: "Live chat support!",
   hideCloseButton: false,
-  closeButtonAriaLabel: "Close Button",
+  closeButtonProps: {
+    type: "icon",
+    iconName: "ChromeClose",
+    hideButtonTitle: true
+  },
   isBodyContainerHorizantal: false,
   hideBodyTitle: false,
   bodyTitleText: "Hi! Have any questions? I am here to help.",

package/lib/esm/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneCloseButtonStyles.js CHANGED Viewed

@@ -1,13 +1,4 @@
-import closeImage from "../../../../../assets/imgs/closeChatButton.svg";
 export const defaultProactiveChatPaneCloseButtonStyles = {
-  backgroundImage: "url(" + closeImage + ")",
-  backgroundPosition: "center",
-  backgroundRepeat: "no-repeat",
-  color: "#605e5c",
-  cursor: "pointer",
-  height: "14px",
-  lineHeight: "14px",
-  textAlign: "center",
-  width: "14px",
-  zIndex: "inherit"
+  color: "white",
+  fontSize: "12px"
 };

package/lib/esm/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneHeaderContainerStyles.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import proactiveBanner from "../../../../../assets/imgs/Proactive_banner.png";
+import { ProactiveChatBannerBase64 } from "../../../../../assets/Icons";
 export const defaultProactiveChatPaneHeaderContainerStyles = {
   backgroundColor: "rgb(49, 95, 162)",
-  backgroundImage: "url(" + proactiveBanner + ")",
+  backgroundImage: `url(${ProactiveChatBannerBase64})`,
   backgroundPosition: "initial",
   backgroundRepeat: "no-repeat",
   borderTopLeftRadius: "inherit",

package/lib/esm/components/proactivechatpane/common/presetOne/presetOneProps/presetOneProactiveChatPaneControlProps.js CHANGED Viewed

@@ -8,7 +8,11 @@ export const presetOneProactiveChatPaneControlProps = {
   hideSubtitle: false,
   subtitleText: "Live chat support!",
   hideCloseButton: false,
-  closeButtonAriaLabel: "Close Button",
+  closeButtonProps: {
+    type: "icon",
+    iconName: "ChromeClose",
+    hideButtonTitle: true
+  },
   isBodyContainerHorizantal: true,
   hideBodyTitle: false,
   bodyTitleText: "Hi! Have any questions? I am here to help.",

package/lib/esm/components/proactivechatpane/common/presetThree/presetThreeProps/presetThreeProactiveChatPaneControlProps.js CHANGED Viewed

@@ -8,7 +8,11 @@ export const presetThreeProactiveChatPaneControlProps = {
   hideSubtitle: false,
   subtitleText: "Live chat support!",
   hideCloseButton: false,
-  closeButtonAriaLabel: "Close Button",
+  closeButtonProps: {
+    type: "icon",
+    iconName: "ChromeClose",
+    hideButtonTitle: true
+  },
   isBodyContainerHorizantal: false,
   hideBodyTitle: false,
   bodyTitleText: "Hi! Have any questions? I am here to help.",

package/lib/esm/components/reconnectchatpane/ReconnectChatPane.js CHANGED Viewed

@@ -17,7 +17,7 @@ import { defaultReconnectChatPaneTitleStyles } from "./common/default/defaultSty
 import { defaultReconnectChatPaneWrapperStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneWrapperStyles";
 function ReconnectChatPane(props) {
-  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$controlProps8, _props$styleProps11, _props$styleProps11$c, _props$controlProps9, _props$controlProps10, _props$styleProps12, _props$styleProps12$c, _props$controlProps11, _props$componentOverr, _props$styleProps13, _props$styleProps13$c, _props$controlProps12, _props$controlProps13, _props$componentOverr2, _props$styleProps14, _props$styleProps14$c, _props$controlProps14, _props$controlProps15, _props$componentOverr3, _props$styleProps15, _props$styleProps15$c, _props$controlProps16, _props$controlProps17, _props$styleProps16, _props$styleProps16$c, _props$controlProps18, _props$componentOverr4, _props$styleProps17, _props$styleProps17$c, _props$controlProps19, _props$controlProps20, _props$controlProps21, _props$componentOverr5, _props$styleProps18, _props$styleProps18$c, _props$controlProps22, _props$controlProps23;
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$controlProps8, _props$styleProps13, _props$styleProps13$c, _props$controlProps9, _props$controlProps10, _props$styleProps14, _props$styleProps14$c, _props$controlProps11, _props$componentOverr, _props$styleProps15, _props$styleProps15$c, _props$controlProps12, _props$controlProps13, _props$componentOverr2, _props$styleProps16, _props$styleProps16$c, _props$controlProps14, _props$controlProps15, _props$componentOverr3, _props$styleProps17, _props$styleProps17$c, _props$controlProps16, _props$controlProps17, _props$styleProps18, _props$styleProps18$c, _props$controlProps18, _props$componentOverr4, _props$styleProps19, _props$styleProps19$c, _props$controlProps19, _props$controlProps20, _props$controlProps21, _props$componentOverr5, _props$styleProps20, _props$styleProps20$c, _props$controlProps22, _props$controlProps23;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultReconnectChatPaneControlProps.id;
   const handleContinueChatClick = useCallback(() => {
@@ -86,14 +86,16 @@ function ReconnectChatPane(props) {
   };
   const continueChatButtonStyles = {
     root: Object.assign({}, defaultReconnectChatPaneContinueChatButtonStyles, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.continueChatButtonStyleProps),
-    rootHovered: Object.assign({}, defaultReconnectChatPaneContinueChatButtonHoveredStyles, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.continueChatButtonHoveredStyleProps)
+    rootHovered: Object.assign({}, defaultReconnectChatPaneContinueChatButtonHoveredStyles, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.continueChatButtonHoveredStyleProps),
+    rootPressed: Object.assign({}, defaultReconnectChatPaneContinueChatButtonHoveredStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.continueChatButtonHoveredStyleProps)
   };
   const startNewChatButtonStyles = {
-    root: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.startNewChatButtonStyleProps),
-    rootHovered: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.startNewChatButtonHoveredStyleProps)
+    root: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.startNewChatButtonStyleProps),
+    rootHovered: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonHoveredStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.startNewChatButtonHoveredStyleProps),
+    rootPressed: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonHoveredStyles, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.startNewChatButtonHoveredStyleProps)
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, !((_props$controlProps8 = props.controlProps) !== null && _props$controlProps8 !== void 0 && _props$controlProps8.hideReconnectChatPane) && /*#__PURE__*/React.createElement(Stack, {
-    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.containerClassName,
+    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,
     id: elementId,
     tabIndex: -1,
     onKeyDown: handleEscKeyDown,
@@ -101,22 +103,22 @@ function ReconnectChatPane(props) {
     "aria-label": ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.reconnectChatPaneAriaLabel) || defaultReconnectChatPaneControlProps.reconnectChatPaneAriaLabel,
     styles: containerStyles
   }, /*#__PURE__*/React.createElement(Stack, {
-    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.wrapperClassName,
+    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.wrapperClassName,
     styles: wrapperStyles,
     tabIndex: -1,
     id: elementId + "-wrapper"
   }, !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.createElement(Label, {
-    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : (_props$styleProps13$c = _props$styleProps13.classNames) === null || _props$styleProps13$c === void 0 ? void 0 : _props$styleProps13$c.titleClassName,
+    className: (_props$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.titleClassName,
     styles: titleStyles,
     tabIndex: -1,
     id: elementId + "-title"
   }, ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.titleText) || defaultReconnectChatPaneControlProps.titleText)), !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(Label, {
-    className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.classNames) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.subtitleClassName,
+    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.subtitleClassName,
     styles: subtitleStyles,
     tabIndex: -1,
     id: elementId + "-subtitle"
   }, ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.subtitleText) || defaultReconnectChatPaneControlProps.subtitleText)), !((_props$controlProps15 = props.controlProps) !== null && _props$controlProps15 !== void 0 && _props$controlProps15.hideIcon) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.icon) || /*#__PURE__*/React.createElement(Icon, {
-    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.iconClassName,
+    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.iconClassName,
     styles: iconStyles,
     tabIndex: -1,
     role: "img",
@@ -124,12 +126,12 @@ function ReconnectChatPane(props) {
     "aria-label": ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.iconAriaLabel) || defaultReconnectChatPaneControlProps.iconAriaLabel
   })), /*#__PURE__*/React.createElement(Stack, {
     horizontal: ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.isButtonGroupHorizontal) || defaultReconnectChatPaneControlProps.isButtonGroupHorizontal,
-    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.buttonGroupClassName,
+    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.buttonGroupClassName,
     styles: buttonGroupStyles,
     tabIndex: -1,
     id: elementId + "-buttongroup"
   }, !((_props$controlProps18 = props.controlProps) !== null && _props$controlProps18 !== void 0 && _props$controlProps18.hideContinueChatButton) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.continueChatButton) || /*#__PURE__*/React.createElement(DefaultButton, {
-    className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.classNames) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.continueChatButtonClassName,
+    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.continueChatButtonClassName,
     styles: continueChatButtonStyles,
     tabIndex: 0,
     text: ((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 ? void 0 : _props$controlProps19.continueChatButtonText) || defaultReconnectChatPaneControlProps.continueChatButtonText,
@@ -137,7 +139,7 @@ function ReconnectChatPane(props) {
     id: elementId + "-continueconversationbutton",
     "aria-label": ((_props$controlProps20 = props.controlProps) === null || _props$controlProps20 === void 0 ? void 0 : _props$controlProps20.continueChatButtonAriaLabel) || defaultReconnectChatPaneControlProps.continueChatButtonAriaLabel
   })), !((_props$controlProps21 = props.controlProps) !== null && _props$controlProps21 !== void 0 && _props$controlProps21.hideStartNewChatButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.startNewChatButton) || /*#__PURE__*/React.createElement(DefaultButton, {
-    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.startNewChatButtonClassName,
+    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.startNewChatButtonClassName,
     styles: startNewChatButtonStyles,
     tabIndex: 0,
     text: ((_props$controlProps22 = props.controlProps) === null || _props$controlProps22 === void 0 ? void 0 : _props$controlProps22.startNewChatButtonText) || defaultReconnectChatPaneControlProps.startNewChatButtonText,

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneIconStyles.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import chatReconnectPopupIcon from "../../../../../assets/imgs/ChatReconnectPopupIcon.png";
+import { ChatReconnectIconBase64 } from "../../../../../assets/Icons";
 export const defaultReconnectChatPaneIconStyles = {
-  backgroundImage: "url(" + chatReconnectPopupIcon + ")",
+  backgroundImage: `url(${ChatReconnectIconBase64})`,
   backgroundPosition: "center",
   backgroundRepeat: "no-repeat",
   backgroundSize: "200px",

package/lib/esm/index.js CHANGED Viewed

@@ -12,8 +12,10 @@ export { default as PostChatSurveyPane } from "./components/postchatsurveypane/P
 export { encodeComponentString } from "./common/encodeComponentString";
 export { decodeComponentString } from "./common/decodeComponentString";
 export { BroadcastService } from "./services/BroadcastService";
+export { BroadcastServiceInitialize } from "./services/BroadcastService";
 export { ElementType } from "./common/Constants";
 export { default as CallingContainer } from "./components/callingcontainer/CallingContainer";
 export { default as CurrentCall } from "./components/callingcontainer/subcomponents/CurrentCall/CurrentCall";
 export { default as IncomingCall } from "./components/callingcontainer/subcomponents/IncomingCall/IncomingCall";
-export { default as Timer } from "./components/callingcontainer/subcomponents/Timer/Timer";
+export { default as Timer } from "./components/callingcontainer/subcomponents/Timer/Timer";
+export { ModernChatIconBase64, LegacyChatIconBase64, CustomChatIconBase64, LoadingSpinnerBase64, AgentIconBase64, ChatReconnectIconBase64, CloseChatButtonIconBase64, MinimizeChatButtonIconBase64, ErrorIconBase64, AudioNotificationOffIconBase64, AudioNotificationOnIconBase64, ProactiveChatBannerBase64, TranscriptDownloadIconBase64, TranscriptEmailIconBase64, CallAcceptButtonBase64, CallRejectButtonBase64, VideoCallAcceptButtonIconBase64, VideoOffIconBase64, VideoOnIconBase64, VoiceOffIconBase64, VoiceOnIconBase64 } from "./assets/Icons";

package/lib/esm/services/BroadcastService.js CHANGED Viewed

@@ -1,19 +1,45 @@
 import { Subject } from "rxjs";
 import { filter } from "rxjs/operators";
 import { BroadcastChannel } from "broadcast-channel";
-import { BROADCAST_CHANNEL_NAME } from "../common/Constants";
-const newMessage = new Subject();
-const pubChannel = new BroadcastChannel(BROADCAST_CHANNEL_NAME);
-const subChannel = new BroadcastChannel(BROADCAST_CHANNEL_NAME); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+const newMessage = new Subject(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-subChannel.onmessage = message => {
-  newMessage.next(message);
-};
+const broadcastServicePubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+const broadcastServiceSubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+let pubChannel; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+let subChannel;
+export const BroadcastServiceInitialize = channelName => {
+  if (broadcastServicePubList[channelName]) {
+    pubChannel = broadcastServicePubList[channelName];
+  } else {
+    const newPubChannel = new BroadcastChannel(channelName);
+    broadcastServicePubList[channelName] = newPubChannel;
+    pubChannel = newPubChannel;
+  }
+  if (broadcastServiceSubList[channelName]) {
+    subChannel = broadcastServiceSubList[channelName];
+  } else {
+    const newSubChannel = new BroadcastChannel(channelName);
+    broadcastServiceSubList[channelName] = newSubChannel;
+    subChannel = newSubChannel;
+  } // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  subChannel.onmessage = message => {
+    newMessage.next(message);
+  };
+};
 export const BroadcastService = {
   //broadcast a message
   postMessage: message => {
-    pubChannel.postMessage(message);
+    /**
+     * Omit copying methods to prevent 'DataCloneError' in older browsers when passing an object with functions
+     * This exception occurs when an object can't be clone with the 'structured clone algorithm' (used by postMessage)
+     */
+    pubChannel.postMessage(JSON.parse(JSON.stringify(message)));
   },
   getMessage: message => {
     return newMessage.pipe(filter(msg => msg.elementId == message.elementId && msg.elementType == message.elementType && msg.eventName == message.eventName));

package/lib/types/assets/Icons.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+export declare const ModernChatIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2lpKSI+DQo8cGF0aCBkPSJNMTUuMTk3MSAxNi4yNzI1VjI1Ljg1MjRDMTUuMTk3MSAyNy4zODExIDE1Ljg0MDEgMjcuNTIwMSAxNi45ODMyIDI3LjUyMDFMMjYuNzA4NCAyNy41NjQ5TDMxLjAwMzkgMzIuMzEyM1YyNy41NjQ5SDMxLjg5N0MzMi4xNzQzIDI3LjU2MzcgMzIuNDQ4NyAyNy41MDc3IDMyLjcwNDUgMjcuNDAwMUMzMi45NjAzIDI3LjI5MjQgMzMuMTkyNSAyNy4xMzUzIDMzLjM4NzggMjYuOTM3NUMzMy41ODMxIDI2LjczOTggMzMuNzM3NyAyNi41MDU0IDMzLjg0MjcgMjYuMjQ3N0MzMy45NDc4IDI1Ljk5IDM0LjAwMTMgMjUuNzE0IDM0LjAwMDEgMjUuNDM1NVYxNi4zMDM4QzM0LjAwMTMgMTYuMDI1NCAzMy45NDc4IDE1Ljc0OTQgMzMuODQyNyAxNS40OTE3QzMzLjczNzcgMTUuMjM0IDMzLjU4MzEgMTQuOTk5NiAzMy4zODc4IDE0LjgwMThDMzMuMTkyNSAxNC42MDQxIDMyLjk2MDMgMTQuNDQ2OSAzMi43MDQ1IDE0LjMzOTNDMzIuNDQ4NyAxNC4yMzE2IDMyLjE3NDMgMTQuMTc1NiAzMS44OTcgMTQuMTc0NEwxNy4zMDQ3IDE0LjE0MzFDMTcuMDI2OSAxNC4xNDM3IDE2Ljc1MiAxNC4xOTkyIDE2LjQ5NTcgMTQuMzA2NkMxNi4yMzk0IDE0LjQxNCAxNi4wMDY3IDE0LjU3MTEgMTUuODEwOSAxNC43Njg5QzE1LjYxNTIgMTQuOTY2NyAxNS40NjAyIDE1LjIwMTMgMTUuMzU0OCAxNS40NTkzQzE1LjI0OTUgMTUuNzE3MyAxNS4xOTU5IDE1Ljk5MzYgMTUuMTk3MSAxNi4yNzI1WiIgZmlsbD0iI0Q2RDZENiIvPg0KPC9nPg0KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZGlpKSI+DQo8cGF0aCBkPSJNMjcuODczNSA2LjY5ODg3VjE4Ljg0MDlDMjcuODczNSAyMC43Nzg1IDI3LjA1NzIgMjAuOTU0NiAyNS42MDU4IDIwLjk1NDZMMTMuMjU4IDIxLjAxMTRMNy44MDQxNCAyNy4wMjg1VjIxLjAxMTRINi42NzAyN0M2LjMxODEyIDIxLjAwOTkgNS45Njk3MSAyMC45Mzg5IDUuNjQ0OTMgMjAuODAyNUM1LjMyMDE2IDIwLjY2NjEgNS4wMjUzOCAyMC40NjY4IDQuNzc3NDIgMjAuMjE2MkM0LjUyOTQ2IDE5Ljk2NTYgNC4zMzMxOSAxOS42Njg1IDQuMTk5OCAxOS4zNDE5QzQuMDY2NDIgMTkuMDE1MiAzLjk5ODUzIDE4LjY2NTUgNC4wMDAwMiAxOC4zMTI1VjYuNzM4NjRDMy45OTg1MyA2LjM4NTcxIDQuMDY2NDIgNi4wMzU5NSA0LjE5OTggNS43MDkzMUM0LjMzMzE5IDUuMzgyNjcgNC41Mjk0NiA1LjA4NTU3IDQuNzc3NDIgNC44MzQ5NUM1LjAyNTM4IDQuNTg0MzQgNS4zMjAxNiA0LjM4NTEzIDUuNjQ0OTMgNC4yNDg2OUM1Ljk2OTcxIDQuMTEyMjUgNi4zMTgxMiA0LjA0MTI2IDYuNjcwMjcgNC4wMzk3N0wyNS4xOTc2IDRDMjUuNTUwMiA0LjAwMDc0IDI1Ljg5OTMgNC4wNzExOCAyNi4yMjQ3IDQuMjA3MjlDMjYuNTUwMSA0LjM0MzM5IDI2Ljg0NTYgNC41NDI0OSAyNy4wOTQxIDQuNzkzMThDMjcuMzQyNyA1LjA0Mzg2IDI3LjUzOTUgNS4zNDEyMiAyNy42NzMyIDUuNjY4MjNDMjcuODA3IDUuOTk1MjMgMjcuODc1IDYuMzQ1NDYgMjcuODczNSA2LjY5ODg3WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPg0KPC9nPg0KPGRlZnM+DQo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2lpIiB4PSIxNS4xOTcxIiB5PSIxNC4xNDMxIiB3aWR0aD0iMTguODAzMSIgaGVpZ2h0PSIxOC4xNjkzIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+DQo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KPGZlT2Zmc2V0IGR4PSItMC4yIiBkeT0iLTAuMiIvPg0KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPg0KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuMTcgMCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3ciLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KPGZlT2Zmc2V0IGR4PSItMC41IiBkeT0iLTAuNSIvPg0KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPg0KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuMTYgMCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfaW5uZXJTaGFkb3ciIHJlc3VsdD0iZWZmZWN0Ml9pbm5lclNoYWRvdyIvPg0KPC9maWx0ZXI+DQo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2RpaSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM5Ljg3MzYiIGhlaWdodD0iMzkuMDI4NSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPg0KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+DQo8ZmVPZmZzZXQgZHg9IjQiIGR5PSI0Ii8+DQo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+DQo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+DQo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KPGZlT2Zmc2V0IGR4PSItMiIgZHk9Ii0yIi8+DQo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+DQo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4xNyAwIi8+DQo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0Ml9pbm5lclNoYWRvdyIvPg0KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+DQo8ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iLTEiLz4NCjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4NCjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwLjE2IDAiLz4NCjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJlZmZlY3QyX2lubmVyU2hhZG93IiByZXN1bHQ9ImVmZmVjdDNfaW5uZXJTaGFkb3ciLz4NCjwvZmlsdGVyPg0KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iLTAuMzk1MDAxIiB5MT0iMjMuMTI4MiIgeDI9IjIwLjEwNTgiIHkyPSIzNy44NDc0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjRUZFRkVGIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPC9zdmc+DQo=";
+export declare const LegacyChatIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC4zMjQ3IDExLjU5MjhWMjIuNTgzNEMxMC4zMjQ3IDI0LjMzNzMgMTEuMDY1NyAyNC40OTY3IDEyLjQwODYgMjQuNDk2N0wyMy42MjEzIDI0LjU0ODFMMjguNTQ1NyAyOS45OTk3VjI0LjU0ODFIMjkuNTc0OUMyOS44OTQ1IDI0LjU0NjcgMzAuMjEwNyAyNC40ODI0IDMwLjUwNTUgMjQuMzU5QzMwLjgwMDMgMjQuMjM1NSAzMS4wNjc5IDI0LjA1NTEgMzEuMjkyOSAyMy44MjgzQzMxLjUxOCAyMy42MDE1IDMxLjY5NjEgMjMuMzMyNSAzMS44MTcyIDIzLjAzNjhDMzEuOTM4MiAyMi43NDExIDMxLjk5OTkgMjIuNDI0NSAzMS45OTg1IDIyLjEwNTFWMTEuNjM5MUMzMS45OTk5IDExLjMxOTYgMzEuOTM4MiAxMS4wMDMgMzEuODE3MiAxMC43MDczQzMxLjY5NjEgMTAuNDExNyAzMS41MTggMTAuMTQyOCAzMS4yOTI5IDkuOTE2MDJDMzEuMDY3OSA5LjY4OTAzIDMwLjgwMDMgOS41MDg4NSAzMC41MDU1IDkuMzg1MjhDMzAuMjEwNyA5LjI2MTc4IDI5Ljg5NDUgOS4xOTc1MSAyOS41NzQ5IDkuMTk2MTdMMTIuNzYzOCA5LjE2MDE2QzEyLjExNzcgOS4xNjAxNiAxMS40OTggOS40MTYyOSAxMS4wNDA5IDkuODcyNDVDMTAuNTgzNSAxMC4zMjg1IDEwLjMyNTkgMTAuOTQ3MiAxMC4zMjQ3IDExLjU5MjhaIiBmaWxsPSIjQTJBMkEyIiBmaWxsLW9wYWNpdHk9IjAuMiIvPg0KPHBhdGggZD0iTTEwLjMyNDcgMTEuMzExNlYyMi4zMDIyQzEwLjMyNDcgMjQuMDU2IDExLjA2NTcgMjQuMjE1NSAxMi40MDg2IDI0LjIxNTVMMjMuNjIxMyAyNC4yNjY4TDI4LjU0NTcgMjkuNzE4NVYyNC4yNjY4SDI5LjU3NDlDMjkuODk0NSAyNC4yNjU1IDMwLjIxMDcgMjQuMjAxMiAzMC41MDU1IDI0LjA3NzdDMzAuODAwMyAyMy45NTQyIDMxLjA2NzkgMjMuNzczOSAzMS4yOTI5IDIzLjU0NzFDMzEuNTE4IDIzLjMyMDMgMzEuNjk2MSAyMy4wNTEyIDMxLjgxNzIgMjIuNzU1NkMzMS45MzgyIDIyLjQ1OTkgMzEuOTk5OSAyMi4xNDMzIDMxLjk5ODUgMjEuODIzOFYxMS4zNTc4QzMxLjk5OTkgMTEuMDM4MyAzMS45MzgyIDEwLjcyMTcgMzEuODE3MiAxMC40MjYxQzMxLjY5NjEgMTAuMTMwNCAzMS41MTggOS44NjE1NiAzMS4yOTI5IDkuNjM0NzdDMzEuMDY3OSA5LjQwNzc4IDMwLjgwMDMgOS4yMjc2IDMwLjUwNTUgOS4xMDQwM0MzMC4yMTA3IDguOTgwNTMgMjkuODk0NSA4LjkxNjI2IDI5LjU3NDkgOC45MTQ5MkwxMi43NjM4IDguODc4OTFDMTIuMTE3NyA4Ljg3ODkxIDExLjQ5OCA5LjEzNTA0IDExLjA0MDkgOS41OTEyQzEwLjU4MzUgMTAuMDQ3MyAxMC4zMjU5IDEwLjY2NiAxMC4zMjQ3IDExLjMxMTZaIiBmaWxsPSIjQTJBMkEyIiBmaWxsLW9wYWNpdHk9IjAuMiIvPg0KPHBhdGggZD0iTTEwLjMyNDIgMTEuMDMyM1YyMi4wMjI5QzEwLjMyNDIgMjMuNzc2NyAxMS4wNjUyIDIzLjkzNjIgMTIuNDA4MSAyMy45MzYyTDIzLjYyMDggMjMuOTg3NUwyOC41NDUyIDI5LjQzOTJWMjMuOTg3NUgyOS41NzQ0QzI5Ljg5NCAyMy45ODYyIDMwLjIxMDIgMjMuOTIxOSAzMC41MDUgMjMuNzk4NEMzMC43OTk4IDIzLjY3NDkgMzEuMDY3NCAyMy40OTQ2IDMxLjI5MjQgMjMuMjY3OEMzMS41MTc1IDIzLjA0MSAzMS42OTU2IDIyLjc3MTkgMzEuODE2NyAyMi40NzYzQzMxLjkzNzggMjIuMTgwNiAzMS45OTk0IDIxLjg2NCAzMS45OTggMjEuNTQ0NVYxMS4wNzg1QzMxLjk5OTQgMTAuNzU5MSAzMS45Mzc4IDEwLjQ0MjUgMzEuODE2NyAxMC4xNDY4QzMxLjY5NTYgOS44NTExMSAzMS41MTc1IDkuNTgyMjcgMzEuMjkyNCA5LjM1NTQ3QzMxLjA2NzQgOS4xMjg0OSAzMC43OTk4IDguOTQ4MzEgMzAuNTA1IDguODI0NzNDMzAuMjEwMiA4LjcwMTIzIDI5Ljg5NCA4LjYzNjk2IDI5LjU3NDQgOC42MzU2M0wxMi43NjMzIDguNTk5NjFDMTIuMTE3MiA4LjU5OTYxIDExLjQ5NzUgOC44NTU3NCAxMS4wNDA0IDkuMzExOUMxMC41ODMxIDkuNzY3OTYgMTAuMzI1NCAxMC4zODY3IDEwLjMyNDIgMTEuMDMyM1oiIGZpbGw9IiMwMUY0RkYiLz4NCjxwYXRoIGQ9Ik0xMC4zMjQyIDExLjAzMjNWMjIuMDIyOUMxMC4zMjQyIDIzLjc3NjcgMTEuMDY1MiAyMy45MzYyIDEyLjQwODEgMjMuOTM2MkwyMy42MjA4IDIzLjk4NzVMMjguNTQ1MiAyOS40MzkyVjIzLjk4NzVIMjkuNTc0NEMyOS44OTQgMjMuOTg2MiAzMC4yMTAyIDIzLjkyMTkgMzAuNTA1IDIzLjc5ODRDMzAuNzk5OCAyMy42NzQ5IDMxLjA2NzQgMjMuNDk0NiAzMS4yOTI0IDIzLjI2NzhDMzEuNTE3NSAyMy4wNDEgMzEuNjk1NiAyMi43NzE5IDMxLjgxNjcgMjIuNDc2M0MzMS45Mzc4IDIyLjE4MDYgMzEuOTk5NCAyMS44NjQgMzEuOTk4IDIxLjU0NDVWMTEuMDc4NUMzMS45OTk0IDEwLjc1OTEgMzEuOTM3OCAxMC40NDI1IDMxLjgxNjcgMTAuMTQ2OEMzMS42OTU2IDkuODUxMTEgMzEuNTE3NSA5LjU4MjI3IDMxLjI5MjQgOS4zNTU0N0MzMS4wNjc0IDkuMTI4NDkgMzAuNzk5OCA4Ljk0ODMxIDMwLjUwNSA4LjgyNDczQzMwLjIxMDIgOC43MDEyMyAyOS44OTQgOC42MzY5NiAyOS41NzQ0IDguNjM1NjNMMTIuNzYzMyA4LjU5OTYxQzEyLjExNzIgOC41OTk2MSAxMS40OTc1IDguODU1NzQgMTEuMDQwNCA5LjMxMTlDMTAuNTgzMSA5Ljc2Nzk2IDEwLjMyNTQgMTAuMzg2NyAxMC4zMjQyIDExLjAzMjNaIiBmaWxsPSIjMDBERkZGIi8+DQo8cGF0aCBkPSJNMjQuNzEwNCAzLjQwODI1VjE1LjkzODdDMjQuNzEwNCAxNy45MzgzIDIzLjg2NTcgMTguMTIgMjIuMzM0NiAxOC4xMkw5LjU1MDkxIDE4LjE3ODZMMy45MzY1OCAyNC4zOTRWMTguMTc4NkgyLjc2MzI0QzIuMzk4ODIgMTguMTc3MSAyLjAzODI4IDE4LjEwMzggMS43MDIyMSAxNy45NjNDMS4zNjYxMiAxNy44MjIyIDEuMDYxMDcgMTcuNjE2NiAwLjgwNDQ4OSAxNy4zNThDMC41NDc5MDcgMTcuMDk5NCAwLjM0NDc5OCAxNi43OTI3IDAuMjA2NzY3IDE2LjQ1NTZDMC4wNjg3MzY3IDE2LjExODUgLTAuMDAxNTA5NTIgMTUuNzU3NSAyLjQ1OTU4ZS0wNSAxNS4zOTMzVjMuNDYwOTZDLTAuMDAxNTA5NTIgMy4wOTY3NSAwLjA2ODczNjcgMi43MzU4IDAuMjA2NzY3IDIuMzk4N0MwLjM0NDc5OCAyLjA2MTYxIDAuNTQ3OTA3IDEuNzU1MSAwLjgwNDQ4OSAxLjQ5NjUzQzEuMDYxMDcgMS4yMzc3NCAxLjM2NjEyIDEuMDMyMzIgMS43MDIyMSAwLjg5MTQyN0MyLjAzODI4IDAuNzUwNjI0IDIuMzk4ODIgMC42NzczNDggMi43NjMyNCAwLjY3NTgzTDIxLjkyOTYgMC42MzQ3NjZDMjIuNjY2MiAwLjYzNDc2NiAyMy4zNzI3IDAuOTI2Nzg2IDIzLjg5MzkgMS40NDY4NUMyNC40MTUzIDEuOTY2ODEgMjQuNzA5IDIuNjcyMjQgMjQuNzEwNCAzLjQwODI1WiIgZmlsbD0iI0EyQTJBMiIgZmlsbC1vcGFjaXR5PSIwLjQiLz4NCjxwYXRoIGQ9Ik0yNC43MTA0IDMuMDkzOFYxNS42MjQyQzI0LjcxMDQgMTcuNjIzOCAyMy44NjU3IDE3LjgwNTYgMjIuMzM0NiAxNy44MDU2TDkuNTUwOTEgMTcuODY0MUwzLjkzNjU4IDI0LjA3OTZWMTcuODY0MUgyLjc2MzI0QzIuMzk4ODIgMTcuODYyNiAyLjAzODI4IDE3Ljc4OTMgMS43MDIyMSAxNy42NDg1QzEuMzY2MTIgMTcuNTA3NyAxLjA2MTA3IDE3LjMwMjEgMC44MDQ0ODkgMTcuMDQzNUMwLjU0NzkwNyAxNi43ODUgMC4zNDQ3OTggMTYuNDc4MiAwLjIwNjc2NyAxNi4xNDExQzAuMDY4NzM2NyAxNS44MDQxIC0wLjAwMTUwOTUyIDE1LjQ0MzEgMi40NTk1OGUtMDUgMTUuMDc4OVYzLjE0NjUxQy0wLjAwMTUwOTUyIDIuNzgyMyAwLjA2ODczNjcgMi40MjEzNCAwLjIwNjc2NyAyLjA4NDI1QzAuMzQ0Nzk4IDEuNzQ3MTUgMC41NDc5MDcgMS40NDA2NCAwLjgwNDQ4OSAxLjE4MjA3QzEuMDYxMDcgMC45MjMyODggMS4zNjYxMiAwLjcxNzg2NCAxLjcwMjIxIDAuNTc2OTc0QzIuMDM4MjggMC40MzYxNzEgMi4zOTg4MiAwLjM2Mjg5NSAyLjc2MzI0IDAuMzYxMzc3TDIxLjkyOTYgMC4zMjAzMTJDMjIuNjY2MiAwLjMyMDMxMiAyMy4zNzI3IDAuNjEyMzMyIDIzLjg5MzkgMS4xMzI0QzI0LjQxNTMgMS42NTIzNiAyNC43MDkgMi4zNTc3OCAyNC43MTA0IDMuMDkzOFoiIGZpbGw9IiNBMkEyQTIiIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8cGF0aCBkPSJNMjQuNzEwNCAyLjc3MzQ4VjE1LjMwMzlDMjQuNzEwNCAxNy4zMDM1IDIzLjg2NTcgMTcuNDg1MyAyMi4zMzQ2IDE3LjQ4NTNMOS41NTA5MSAxNy41NDM4TDMuOTM2NTggMjMuNzU5M1YxNy41NDM4SDIuNzYzMjRDMi4zOTg4MiAxNy41NDIzIDIuMDM4MjggMTcuNDY5IDEuNzAyMjEgMTcuMzI4MkMxLjM2NjEyIDE3LjE4NzQgMS4wNjEwNyAxNi45ODE4IDAuODA0NDg5IDE2LjcyMzJDMC41NDc5MDcgMTYuNDY0NyAwLjM0NDc5OCAxNi4xNTc5IDAuMjA2NzY3IDE1LjgyMDhDMC4wNjg3MzY3IDE1LjQ4MzcgLTAuMDAxNTA5NTIgMTUuMTIyOCAyLjQ1OTU4ZS0wNSAxNC43NTg2VjIuODI2MkMtMC4wMDE1MDk1MiAyLjQ2MTk5IDAuMDY4NzM2NyAyLjEwMTAzIDAuMjA2NzY3IDEuNzYzOTRDMC4zNDQ3OTggMS40MjY4NCAwLjU0NzkwNyAxLjEyMDMzIDAuODA0NDg5IDAuODYxNzYyQzEuMDYxMDcgMC42MDI5NzUgMS4zNjYxMiAwLjM5NzU1MiAxLjcwMjIxIDAuMjU2NjYyQzIuMDM4MjggMC4xMTU4NTggMi4zOTg4MiAwLjA0MjU4MjUgMi43NjMyNCAwLjA0MTA2NEwyMS45Mjk2IDBDMjIuNjY2MiAwIDIzLjM3MjcgMC4yOTIwMiAyMy44OTM5IDAuODEyMDg4QzI0LjQxNTMgMS4zMzIwNSAyNC43MDkgMi4wMzc0NyAyNC43MTA0IDIuNzczNDhaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTI0LjcxMDQgMi43NzM0OFYxNS4zMDM5QzI0LjcxMDQgMTcuMzAzNSAyMy44NjU3IDE3LjQ4NTMgMjIuMzM0NiAxNy40ODUzTDkuNTUwOTEgMTcuNTQzOEwzLjkzNjU4IDIzLjc1OTNWMTcuNTQzOEgyLjc2MzI0QzIuMzk4ODIgMTcuNTQyMyAyLjAzODI4IDE3LjQ2OSAxLjcwMjIxIDE3LjMyODJDMS4zNjYxMiAxNy4xODc0IDEuMDYxMDcgMTYuOTgxOCAwLjgwNDQ4OSAxNi43MjMyQzAuNTQ3OTA3IDE2LjQ2NDcgMC4zNDQ3OTggMTYuMTU3OSAwLjIwNjc2NyAxNS44MjA4QzAuMDY4NzM2NyAxNS40ODM3IC0wLjAwMTUwOTUyIDE1LjEyMjggMi40NTk1OGUtMDUgMTQuNzU4NlYyLjgyNjJDLTAuMDAxNTA5NTIgMi40NjE5OSAwLjA2ODczNjcgMi4xMDEwMyAwLjIwNjc2NyAxLjc2Mzk0QzAuMzQ0Nzk4IDEuNDI2ODQgMC41NDc5MDcgMS4xMjAzMyAwLjgwNDQ4OSAwLjg2MTc2MkMxLjA2MTA3IDAuNjAyOTc1IDEuMzY2MTIgMC4zOTc1NTIgMS43MDIyMSAwLjI1NjY2MkMyLjAzODI4IDAuMTE1ODU4IDIuMzk4ODIgMC4wNDI1ODI1IDIuNzYzMjQgMC4wNDEwNjRMMjEuOTI5NiAwQzIyLjY2NjIgMCAyMy4zNzI3IDAuMjkyMDIgMjMuODkzOSAwLjgxMjA4OEMyNC40MTUzIDEuMzMyMDUgMjQuNzA5IDIuMDM3NDcgMjQuNzEwNCAyLjc3MzQ4WiIgZmlsbD0iI0Y5RjlGOSIvPg0KPHBhdGggZD0iTTQuNDAyMzQgNS44OTI5NEM0LjQwMjM0IDUuMzY1MjQgNC44NDg0NCA0LjkzNzUgNS4zOTg3MyA0LjkzNzVIMTkuMzQ4QzE5Ljg5ODIgNC45Mzc1IDIwLjM0NDUgNS4zNjUyNCAyMC4zNDQ1IDUuODkyOTRDMjAuMzQ0NSA2LjQyMDg0IDE5Ljg5ODIgNi44NDg1OCAxOS4zNDggNi44NDg1OEg1LjM5ODczQzQuODQ4NDQgNi44NDg1OCA0LjQwMjM0IDYuNDIwODQgNC40MDIzNCA1Ljg5Mjk0WiIgZmlsbD0iIzhCOEI4QiIgZmlsbC1vcGFjaXR5PSIwLjMiLz4NCjxwYXRoIGQ9Ik00LjQwMjM0IDUuNjYzMjNDNC40MDIzNCA1LjA4NzY1IDQuODQ3MjIgNC42MjEwOSA1LjM5NiA0LjYyMTA5SDE5LjMwNzFDMTkuODU1OSA0LjYyMTA5IDIwLjMwMDkgNS4wODc2NSAyMC4zMDA5IDUuNjYzMjNDMjAuMzAwOSA2LjIzOTAzIDE5Ljg1NTkgNi43MDU1OCAxOS4zMDcxIDYuNzA1NThINS4zOTZDNC44NDcyMiA2LjcwNTU4IDQuNDAyMzQgNi4yMzkwMyA0LjQwMjM0IDUuNjYzMjNaIiBmaWxsPSIjOEI4QjhCIiBmaWxsLW9wYWNpdHk9IjAuNiIvPg0KPHBhdGggZD0iTTQuNDAyMzQgNS4zNDY4MkM0LjQwMjM0IDQuNzcxMjQgNC44NDcyMiA0LjMwNDY5IDUuMzk2IDQuMzA0NjlIMTkuMzA3MUMxOS44NTU5IDQuMzA0NjkgMjAuMzAwOSA0Ljc3MTI0IDIwLjMwMDkgNS4zNDY4MkMyMC4zMDA5IDUuOTIyNjIgMTkuODU1OSA2LjM4OTE4IDE5LjMwNzEgNi4zODkxOEg1LjM5NkM0Ljg0NzIyIDYuMzg5MTggNC40MDIzNCA1LjkyMjYyIDQuNDAyMzQgNS4zNDY4MloiIGZpbGw9IiMwNzQyQUIiLz4NCjxwYXRoIGQ9Ik00LjQwMjM0IDEwLjM1QzQuNDAyMzQgOS44MjIyNyA0Ljc3NjIyIDkuMzk0NTMgNS4yMzc0MSA5LjM5NDUzSDE2LjkyODJDMTcuMzg5NCA5LjM5NDUzIDE3Ljc2MzQgOS44MjIyNyAxNy43NjM0IDEwLjM1QzE3Ljc2MzQgMTAuODc3OSAxNy4zODk0IDExLjMwNTYgMTYuOTI4MiAxMS4zMDU2SDUuMjM3NDFDNC43NzYyMiAxMS4zMDU2IDQuNDAyMzQgMTAuODc3OSA0LjQwMjM0IDEwLjM1WiIgZmlsbD0iIzhCOEI4QiIgZmlsbC1vcGFjaXR5PSIwLjMiLz4NCjxwYXRoIGQ9Ik00LjQwMjM0IDEwLjExODNDNC40MDIzNCA5LjU0MjczIDQuNzc1MiA5LjA3NjE3IDUuMjM1MTMgOS4wNzYxN0gxNi44OTRDMTcuMzUzOSA5LjA3NjE3IDE3LjcyNjggOS41NDI3MyAxNy43MjY4IDEwLjExODNDMTcuNzI2OCAxMC42OTQxIDE3LjM1MzkgMTEuMTYwNyAxNi44OTQgMTEuMTYwN0g1LjIzNTEzQzQuNzc1MiAxMS4xNjA3IDQuNDAyMzQgMTAuNjk0MSA0LjQwMjM0IDEwLjExODNaIiBmaWxsPSIjOEI4QjhCIiBmaWxsLW9wYWNpdHk9IjAuNiIvPg0KPHBhdGggZD0iTTQuNDAyMzQgOS43OThDNC40MDIzNCA5LjIyMjQxIDQuNzc1MiA4Ljc1NTg2IDUuMjM1MTMgOC43NTU4NkgxNi44OTRDMTcuMzUzOSA4Ljc1NTg2IDE3LjcyNjggOS4yMjI0MSAxNy43MjY4IDkuNzk4QzE3LjcyNjggMTAuMzczOCAxNy4zNTM5IDEwLjg0MDQgMTYuODk0IDEwLjg0MDRINS4yMzUxM0M0Ljc3NTIgMTAuODQwNCA0LjQwMjM0IDEwLjM3MzggNC40MDIzNCA5Ljc5OFoiIGZpbGw9IiMwNzQyQUIiLz4NCjwvc3ZnPg0K";
+export declare const CustomChatIconBase64 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAyMDAxMDkwNC8vRU4iDQogImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogd2lkdGg9Ijk4MC4wMDAwMDBwdCIgaGVpZ2h0PSI5ODAuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCA5ODAuMDAwMDAwIDk4MC4wMDAwMDAiDQogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+DQoNCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDk4MC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiDQpmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPg0KPHBhdGggZD0iTTQ1NjAgOTc4OSBjLTEwMzUgLTc1IC0xOTk4IC00NjMgLTI4MDAgLTExMjggLTE1MCAtMTIzIC01MDEgLTQ3NQ0KLTYyMiAtNjIxIC04ODEgLTEwNjggLTEyNzAgLTI0MDMgLTEwOTggLTM3NjUgMTE5IC05MzQgNTAxIC0xODAxIDExMjQgLTI1NDUNCjk4IC0xMTcgMzcwIC0zOTMgNDk2IC01MDQgMTMyOCAtMTE2NiAzMTU4IC0xNTMxIDQ4MjUgLTk2MiA4OTUgMzA1IDE3MDAgODc5DQoyMjgxIDE2MjcgNTQwIDY5NSA4ODQgMTUxOSA5OTMgMjM4NCAxNzkgMTQwOCAtMjQ3IDI3OTggLTExODUgMzg2NSAtMTEyIDEyOA0KLTM4NiAzOTggLTUwOSA1MDEgLTc2MyA2NDIgLTE2NjUgMTAyNiAtMjY2NSAxMTM0IC0xNzQgMTkgLTY2NCAyNyAtODQwIDE0eg0KbTcwMyAtMjQ0NCBjNzAzIC03NyAxMzMwIC0zNjUgMTc4MiAtODE5IDMwMyAtMzA1IDQ5MyAtNjQzIDU3OSAtMTAyNyAyNzMNCi0xMjM0IC03MjcgLTI0MjAgLTIyMzEgLTI2NDMgLTM0NCAtNTEgLTc1NCAtNDQgLTEwODQgMTggbC02NiAxMiAtMTA5IC02OA0KYy0xMzIgLTgzIC0zOTMgLTIxNCAtNTI3IC0yNjMgLTE3MSAtNjMgLTQwMSAtMTE1IC01MDUgLTExNSBsLTQ0IDAgNTQgNjINCmMxNjkgMTk0IDI4MSAzODkgMzQyIDU5NiBsMTUgNTIgLTcyIDM2IGMtMjcxIDEzNiAtNjA4IDQwOSAtODAxIDY0OCAtNDQ3IDU1Mg0KLTU3OCAxMjIyIC0zNjUgMTg2MCAxMDMgMzEyIDI3MSA1NzcgNTI0IDgzMiA0NTAgNDUzIDEwNjQgNzM2IDE3ODAgODE5IDE2MA0KMTggNTU2IDE4IDcyOCAweiIvPg0KPHBhdGggZD0iTTM1NTAgNTQzOSBjLTEzMCAtNTggLTE5MSAtMjAzIC0xNDUgLTM0MCAzMSAtOTEgMTI0IC0xNjQgMjIzIC0xNzYNCjE2NiAtMTkgMzE4IDEzMyAyOTkgMjk5IC04IDYxIC01MSAxNDEgLTk2IDE3OSAtNzMgNjAgLTE5NiA3NyAtMjgxIDM4eiIvPg0KPHBhdGggZD0iTTQ4MzkgNTQ0NiBjLTE4NiAtNjYgLTIzOCAtMzA1IC05NyAtNDQ1IDUyIC01MiAxMTIgLTc1IDE5MyAtNzYgNTkNCjAgNzggNSAxMjQgMzAgMTk4IDEwOSAxODQgMzkxIC0yNCA0ODYgLTQ3IDIyIC0xNDMgMjQgLTE5NiA1eiIvPg0KPHBhdGggZD0iTTYxMDcgNTQ0NSBjLTkwIC0zMyAtMTU5IC0xMjIgLTE3MiAtMjIxIC0yMiAtMTY1IDEzMSAtMzIwIDI5NiAtMzAxDQoxMzkgMTcgMjM5IDEyOCAyMzkgMjY2IDAgMTEyIC01OSAyMDUgLTE2MCAyNTAgLTUzIDI0IC0xNDYgMjcgLTIwMyA2eiIvPg0KPC9nPg0KPC9zdmc+DQo=";
+export declare const LoadingSpinnerBase64 = "data:image/gif;base64,R0lGODlhPQA9AJECAP///wAAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgACACwAAAAAPQA9AAACm5SPqcvtD6OctNqLs968+z8B4gh64wmUG4qqGXu6GEzKFi3aTL7gqY5gKXzAA20I29U6R2Ss12I2b1EOblZdJbFP65b7+2SL5LL5jE6r1+y2pmuDQ4TxsYMuw8/tIP3DXwJ4t1TH43aImKi4yNjomCh3EfnGF1IpeRkhCGaIOckZ5kno1Qmm9nm46abaxsrm+jr6OEtba3uLW1YAACH5BAkKAAIALAAAAAA9AD0AAAKZlI+py+0Po5y02ouz3rz7XwEASIrmSHLnmW6r2WovHF+zWNvz8ubK/dt5WI1VEKgy6pAupeWGSxKf0E5vKZSisFffhOn9OsPksvmMTqvXlGnNDem25A96aVzH3+EOO8hfRJPDx1ZoeIiYqLjI2EgYImil1zaJAShxSfWIWcm15fkXaSlKtlmYuYaqpprG2kraGCs7S1trq1YAACH5BAkKAAIALAAAAAA9AD0AAAKalI+py+0Po5y02ouz3rz7D4biiAEmQHLnmWqr2WYvGl+zA9fL2twfL5vRVK+gjwi0CYeuYmnZOVqgnqRSqpM4s9yu9wsOi0nY8YEasYaWuUe5yk5v13HIO1p3z0FsJo5FlmdmgDZ4tmeYqLjI2Oh45QfJh0hxB9l2GWkE+KTW5FlJuYmkWQNqaDmWKrYa1urK+Sg7S1tre9tVAAAh+QQJCgACACwAAAAAPQA9AAACmZSPqcvtD6OctNqLs968+w+G4ogBJkBy55lqq9lmLxpfc12yeLKquneTvT7BXA84FB47RVsSCdssd9Sq9YrNardcQ7S7aEKmotn3IQaZaeNneR1JE+Ftsto8sd/lXTf4DxgoOGjFt0XH9GOxdqakSMHI5uKXx5ioF2fpg1mHdylZEVmFiYjDZ0iCqqWaxdr6SBgrO0tba6tVAAAh+QQJCgACACwAAAAAPQA9AAACmZSPqcvtD6OctNqLs968+w+G4ogBJkBy55lqq9lmLxpfc12yeLKquneTvT7BXA84FB47RVsSCdssd9Sq9YrNarfcbmxKAj+aIrLDDEIz1NAfhM18RsRlt/eOz+v3/HuUD2dBNzHzJyVXUUjjMzinGNf49shod4A2CbnIU6iA+aWoaRkZAhq6VYqH6geaytoaiAXbN0tbaztSAAAh+QQJCgACACwAAAAAPQA9AAACmZSPqcvtD6OctNqLs968+w+G4ogBJkBy55lqq9lmLxpfc12yeLKquneTvT7BXA84FB47RVsSCdssd9Sq9YrNarfcbmxKAj+aIrLDDEIz1NAfhM18RsRlt/eOz+v3fKPdOxN1F/g3QedE6CfoQkhjAWfYqOjImLiwqAAp0UhpwHaIKOcZWIVmiSeJegpImreqWtgnO0tba1tTAAAh+QQJCgACACwAAAAAPQA9AAACmpSPqcvtD6OctNqLs968+w+G4ogBJkBy55lqq9lmLxpfc12yeLKquneTvT7BXA84FB47RVsSCdssd9Sq9YrNareLJvcwi34N4Z9o6iiLQ16GmnZ+ptWkdpc+siveKfRcvwU4NkhYaIi1ZiiYVeZiJhWm9CgpR7E4gWdxKdFoNOnpZ/npOCoQOrZ5lWq1WtXqWnooO0tba3v7VQAAIfkEBQoAAgAsAAAAAD0APQAAApyUj6nL7Q+jnLTai7PevPsPhuKIASZAcueZaqvZZi8aJzNz18cML6u+4/Uuv45wWMltjjSL0nUsvYxR4lRVtSKXPCDl6Q2Lx+TyeGv2XdMKYasYcZPAjWyIjpOL8Go+Ff6gNwIYR8h2iJiouMjY6PjXJMPy4VdoKHk5UZm0pjUJifbViRXKWRqTebhZtkrWejaqmPpIW2t7i5vbUgAAOw==";
+export declare const AgentIconBase64: string;
+export declare const ChatReconnectIconBase64: string;
+export declare const CloseChatButtonIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodCA9ICIxNCIgdmlld0JveCA9ICIwIDAgMTMgMTQiIGZpbGwgPSAibm9uZSIgeG1sbnMgPSAiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciID4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjIxMDk0IDdMMTIuNjAxNiAxMi4zOTg0TDExLjg5ODQgMTMuMTAxNkw2LjUgNy43MTA5NEwxLjEwMTU2IDEzLjEwMTZMMC4zOTg0MzggMTIuMzk4NEw1Ljc4OTA2IDdMMC4zOTg0MzggMS42MDE1NkwxLjEwMTU2IDAuODk4NDM4TDYuNSA2LjI4OTA2TDExLjg5ODQgMC44OTg0MzhMMTIuNjAxNiAxLjYwMTU2TDcuMjEwOTQgN1oiIGZpbGwgPSAid2hpdGUiIC8+DQogICAgICAgIDwvc3ZnPg==";
+export declare const MinimizeChatButtonIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDE3IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uNjI1LjIzN2gxNS41MjNWMS40NEguNjI1Vi4yMzdaIiBmaWxsPSIjZmZmIi8+PC9zdmc+";
+export declare const ErrorIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02IDBDNi41NTQxNyAwIDcuMDg2NDYgMC4wNzA4MzMyIDcuNTk2ODggMC4yMTI1QzguMTA3MjkgMC4zNTQxNjYgOC41ODU0MiAwLjU1NTIwOCA5LjAzMTI1IDAuODE1NjI1QzkuNDc3MDggMS4wNzYwNCA5Ljg4MjI5IDEuMzg4NTQgMTAuMjQ2OSAxLjc1MzEzQzEwLjYxMTUgMi4xMTc3MSAxMC45MjQgMi41MjI5MiAxMS4xODQ0IDIuOTY4NzVDMTEuNDQ0OCAzLjQxNDU4IDExLjY0NTggMy44OTI3MSAxMS43ODc1IDQuNDAzMTJDMTEuOTI5MiA0LjkxMzU0IDEyIDUuNDQ1ODMgMTIgNkMxMiA2LjU1NDE3IDExLjkyOTIgNy4wODY0NiAxMS43ODc1IDcuNTk2ODdDMTEuNjQ1OCA4LjEwNzI5IDExLjQ0NDggOC41ODU0MiAxMS4xODQ0IDkuMDMxMjVDMTAuOTI0IDkuNDc3MDggMTAuNjExNSA5Ljg4MjI5IDEwLjI0NjkgMTAuMjQ2OUM5Ljg4MjI5IDEwLjYxMTUgOS40NzcwOCAxMC45MjQgOS4wMzEyNSAxMS4xODQ0QzguNTg1NDIgMTEuNDQ0OCA4LjEwNzI5IDExLjY0NTggNy41OTY4OCAxMS43ODc1QzcuMDg2NDYgMTEuOTI5MiA2LjU1NDE3IDEyIDYgMTJDNS40NDU4MyAxMiA0LjkxMzU0IDExLjkyOTIgNC40MDMxMyAxMS43ODc1QzMuODkyNzEgMTEuNjQ1OCAzLjQxNDU4IDExLjQ0NDggMi45Njg3NSAxMS4xODQ0QzIuNTIyOTIgMTAuOTI0IDIuMTE3NzEgMTAuNjExNSAxLjc1MzEzIDEwLjI0NjlDMS4zODg1NCA5Ljg4MjI5IDEuMDc2MDQgOS40NzcwOCAwLjgxNTYyNSA5LjAzMTI1QzAuNTU1MjA4IDguNTg1NDIgMC4zNTQxNjcgOC4xMDcyOSAwLjIxMjUgNy41OTY4N0MwLjA3MDgzMzMgNy4wODY0NiAwIDYuNTU0MTcgMCA2QzAgNS40NDU4MyAwLjA3MDgzMzMgNC45MTM1NCAwLjIxMjUgNC40MDMxMkMwLjM1NDE2NyAzLjg5MjcxIDAuNTU1MjA4IDMuNDE0NTggMC44MTU2MjUgMi45Njg3NUMxLjA3NjA0IDIuNTIyOTIgMS4zODg1NCAyLjExNzcxIDEuNzUzMTMgMS43NTMxM0MyLjExNzcxIDEuMzg4NTQgMi41MjI5MiAxLjA3NjA0IDIuOTY4NzUgMC44MTU2MjVDMy40MTQ1OCAwLjU1NTIwOCAzLjg5MjcxIDAuMzU0MTY2IDQuNDAzMTMgMC4yMTI1QzQuOTEzNTQgMC4wNzA4MzMyIDUuNDQ1ODMgMCA2IDBaTTYgMTEuMkM2LjQ3NSAxMS4yIDYuOTM0MzggMTEuMTM3NSA3LjM3ODEzIDExLjAxMjVDNy44MjE4OCAxMC44ODc1IDguMjM2NDYgMTAuNzEyNSA4LjYyMTg3IDEwLjQ4NzVDOS4wMDcyOSAxMC4yNjI1IDkuMzU4MzMgOS45OTE2NyA5LjY3NSA5LjY3NUM5Ljk5MTY3IDkuMzU4MzMgMTAuMjYyNSA5LjAwNzI5IDEwLjQ4NzUgOC42MjE4OEMxMC43MTI1IDguMjM2NDYgMTAuODg3NSA3LjgyMjkyIDExLjAxMjUgNy4zODEyNUMxMS4xMzc1IDYuOTM5NTggMTEuMiA2LjQ3OTE3IDExLjIgNkMxMS4yIDUuNTI1IDExLjEzNzUgNS4wNjU2MiAxMS4wMTI1IDQuNjIxODdDMTAuODg3NSA0LjE3ODEyIDEwLjcxMjUgMy43NjM1NCAxMC40ODc1IDMuMzc4MTNDMTAuMjYyNSAyLjk5MjcxIDkuOTkxNjcgMi42NDE2NyA5LjY3NSAyLjMyNUM5LjM1ODMzIDIuMDA4MzMgOS4wMDcyOSAxLjczNzUgOC42MjE4NyAxLjUxMjVDOC4yMzY0NiAxLjI4NzUgNy44MjE4OCAxLjExMjUgNy4zNzgxMyAwLjk4NzVDNi45MzQzOCAwLjg2MjUgNi40NzUgMC44IDYgMC44QzUuNTIwODMgMC44IDUuMDYwNDIgMC44NjI1IDQuNjE4NzUgMC45ODc1QzQuMTc3MDggMS4xMTI1IDMuNzYzNTQgMS4yODc1IDMuMzc4MTIgMS41MTI1QzIuOTkyNzEgMS43Mzc1IDIuNjQxNjcgMi4wMDgzMyAyLjMyNSAyLjMyNUMyLjAwODMzIDIuNjQxNjcgMS43Mzc1IDIuOTkyNzEgMS41MTI1IDMuMzc4MTNDMS4yODc1IDMuNzYzNTQgMS4xMTI1IDQuMTc4MTIgMC45ODc1IDQuNjIxODdDMC44NjI1IDUuMDY1NjIgMC44IDUuNTI1IDAuOCA2QzAuOCA2LjQ3NSAwLjg2MjUgNi45MzQzNyAwLjk4NzUgNy4zNzgxMkMxLjExMjUgNy44MjE4OCAxLjI4NzUgOC4yMzY0NiAxLjUxMjUgOC42MjE4OEMxLjczNzUgOS4wMDcyOSAyLjAwODMzIDkuMzU4MzMgMi4zMjUgOS42NzVDMi42NDE2NyA5Ljk5MTY3IDIuOTkyNzEgMTAuMjYyNSAzLjM3ODEyIDEwLjQ4NzVDMy43NjM1NCAxMC43MTI1IDQuMTc3MDggMTAuODg3NSA0LjYxODc1IDExLjAxMjVDNS4wNjA0MiAxMS4xMzc1IDUuNTIwODMgMTEuMiA2IDExLjJaTTUuNiA3LjJWMy4ySDYuNFY3LjJINS42Wk01LjYgOC44VjhINi40VjguOEg1LjZaIiBmaWxsPSIjQTgwMDAwIi8+DQo8L3N2Zz4NCg==";
+export declare const AudioNotificationOffIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMS44MjgxIDkuMzUxNTZDMTEuOTMyMyA4Ljg5MzIzIDExLjk4NDQgOC40Mzc1IDExLjk4NDQgNy45ODQzOEMxMS45ODQ0IDcuMTg3NSAxMS44MzU5IDYuNDI3MDggMTEuNTM5MSA1LjcwMzEyQzExLjI0MjIgNC45NzM5NiAxMC44MDk5IDQuMzI1NTIgMTAuMjQyMiAzLjc1NzgxTDEwLjk1MzEgMy4wNDY4OEMxMS4yODEyIDMuMzc1IDExLjU3MjkgMy43MzE3NyAxMS44MjgxIDQuMTE3MTlDMTIuMDgzMyA0LjQ5NzQgMTIuMjk2OSA0Ljg5ODQ0IDEyLjQ2ODggNS4zMjAzMUMxMi42NDA2IDUuNzM2OTggMTIuNzcwOCA2LjE3MTg4IDEyLjg1OTQgNi42MjVDMTIuOTUzMSA3LjA3MjkyIDEzIDcuNTMxMjUgMTMgOEMxMyA4LjM3NSAxMi45Njg4IDguNzQ0NzkgMTIuOTA2MiA5LjEwOTM4QzEyLjg0OSA5LjQ2ODc1IDEyLjc2MyA5LjgyNTUyIDEyLjY0ODQgMTAuMTc5N0wxMS44MjgxIDkuMzUxNTZaTTguODI4MTIgNS4xNzE4OEM5LjE0MDYyIDUuNDg0MzggOS4zOTA2MiA1LjgzODU0IDkuNTc4MTIgNi4yMzQzOEM5Ljc2NTYyIDYuNjI1IDkuODg4MDIgNy4wMzkwNiA5Ljk0NTMxIDcuNDc2NTZMOC4yMzQzOCA1Ljc2NTYyTDguODI4MTIgNS4xNzE4OFpNMTQuMTk1MyAxMS43MTg4QzE0LjQ2MDkgMTEuMTM1NCAxNC42NjE1IDEwLjUzMTIgMTQuNzk2OSA5LjkwNjI1QzE0LjkzMjMgOS4yODEyNSAxNSA4LjY0NTgzIDE1IDhDMTUgNi43OTE2NyAxNC43NzM0IDUuNjQzMjMgMTQuMzIwMyA0LjU1NDY5QzEzLjg3MjQgMy40NjYxNSAxMy4yMTg4IDIuNDk0NzkgMTIuMzU5NCAxLjY0MDYyTDEzLjA3MDMgMC45Mjk2ODhDMTMuNTQ0MyAxLjQwMzY1IDEzLjk2MzUgMS45MTQwNiAxNC4zMjgxIDIuNDYwOTRDMTQuNjkyNyAzLjAwMjYgMTQuOTk3NCAzLjU3MjkyIDE1LjI0MjIgNC4xNzE4OEMxNS40OTIyIDQuNzcwODMgMTUuNjc5NyA1LjM5MzIzIDE1LjgwNDcgNi4wMzkwNkMxNS45MzQ5IDYuNjc5NjkgMTYgNy4zMzMzMyAxNiA4QzE2IDguNzc2MDQgMTUuOTA4OSA5LjU0MTY3IDE1LjcyNjYgMTAuMjk2OUMxNS41NDk1IDExLjA0NjkgMTUuMjg5MSAxMS43NzA4IDE0Ljk0NTMgMTIuNDY4OEwxNC4xOTUzIDExLjcxODhaTTYgMlYzLjUyMzQ0TDQuODgyODEgMi40MDYyNUw1LjI4OTA2IDJINlpNMC4xNDg0MzggMC44NTE1NjJMMC44NTE1NjIgMC4xNDg0MzhMMTUuODUxNiAxNS4xNDg0TDE1LjE0ODQgMTUuODUxNkw2IDYuNzEwOTRWMTRINS4yOTY4OEwyLjI4OTA2IDExSDBMMCA1SDIuMjg5MDZMMy4yODkwNiA0TDAuMTQ4NDM4IDAuODUxNTYyWk01IDEyLjI4OTFWNS43MTA5NEw0IDQuNzEwOTRMMi43MTA5NCA2SDFWMTBIMi43MTA5NEw1IDEyLjI4OTFaIiBmaWxsPSIjMTI3NjlBIi8+DQo8L3N2Zz4NCg==";
+export declare const AudioNotificationOnIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMy4wNzAzIDAuOTI5Njg4QzEzLjUzOTEgMS4zOTg0NCAxMy45NTMxIDEuOTA2MjUgMTQuMzEyNSAyLjQ1MzEyQzE0LjY3NzEgMyAxNC45ODQ0IDMuNTc1NTIgMTUuMjM0NCA0LjE3OTY5QzE1LjQ4NDQgNC43Nzg2NSAxNS42NzE5IDUuNDAxMDQgMTUuNzk2OSA2LjA0Njg4QzE1LjkyNzEgNi42ODc1IDE1Ljk5MjIgNy4zMzg1NCAxNS45OTIyIDhDMTUuOTkyMiA4LjY2MTQ2IDE1LjkyNzEgOS4zMTUxIDE1Ljc5NjkgOS45NjA5NEMxNS42NzE5IDEwLjYwMTYgMTUuNDg0NCAxMS4yMjQgMTUuMjM0NCAxMS44MjgxQzE0Ljk4NDQgMTIuNDI3MSAxNC42NzcxIDEzIDE0LjMxMjUgMTMuNTQ2OUMxMy45NTMxIDE0LjA5MzggMTMuNTM5MSAxNC42MDE2IDEzLjA3MDMgMTUuMDcwM0wxMi4zNjcyIDE0LjM2NzJDMTIuNzg5MSAxMy45NDUzIDEzLjE2MTUgMTMuNDg5NiAxMy40ODQ0IDEzQzEzLjgxMjUgMTIuNTA1MiAxNC4wODg1IDExLjk4NyAxNC4zMTI1IDExLjQ0NTNDMTQuNTM2NSAxMC45MDM2IDE0LjcwNTcgMTAuMzQzOCAxNC44MjAzIDkuNzY1NjJDMTQuOTQwMSA5LjE4MjI5IDE1IDguNTkzNzUgMTUgOEMxNSA3LjQwNjI1IDE0Ljk0MDEgNi44MjAzMSAxNC44MjAzIDYuMjQyMTlDMTQuNzA1NyA1LjY1ODg1IDE0LjUzNjUgNS4wOTYzNSAxNC4zMTI1IDQuNTU0NjlDMTQuMDg4NSA0LjAxMzAyIDEzLjgxMjUgMy40OTc0IDEzLjQ4NDQgMy4wMDc4MUMxMy4xNjE1IDIuNTEzMDIgMTIuNzg5MSAyLjA1NDY5IDEyLjM2NzIgMS42MzI4MUwxMy4wNzAzIDAuOTI5Njg4Wk0xMC45NTMxIDMuMDQ2ODhDMTEuMjgxMiAzLjM3NSAxMS41NzAzIDMuNzMxNzcgMTEuODIwMyA0LjExNzE5QzEyLjA3NTUgNC40OTc0IDEyLjI4OTEgNC44OTg0NCAxMi40NjA5IDUuMzIwMzFDMTIuNjM4IDUuNzQyMTkgMTIuNzcwOCA2LjE3OTY5IDEyLjg1OTQgNi42MzI4MUMxMi45NTMxIDcuMDg1OTQgMTMgNy41NDE2NyAxMyA4QzEzIDguNDYzNTQgMTIuOTUzMSA4LjkyMTg4IDEyLjg1OTQgOS4zNzVDMTIuNzcwOCA5LjgyMjkyIDEyLjYzOCAxMC4yNTc4IDEyLjQ2MDkgMTAuNjc5N0MxMi4yODkxIDExLjEwMTYgMTIuMDc1NSAxMS41MDUyIDExLjgyMDMgMTEuODkwNkMxMS41NzAzIDEyLjI3MDggMTEuMjgxMiAxMi42MjUgMTAuOTUzMSAxMi45NTMxTDEwLjI0MjIgMTIuMjQyMkMxMC44MDQ3IDExLjY3OTcgMTEuMjM3IDExLjAzMTIgMTEuNTM5MSAxMC4yOTY5QzExLjg0NjQgOS41NjI1IDEyIDguNzk2ODggMTIgOEMxMiA3LjIwMzEyIDExLjg0NjQgNi40Mzc1IDExLjUzOTEgNS43MDMxMkMxMS4yMzcgNC45Njg3NSAxMC44MDQ3IDQuMzIwMzEgMTAuMjQyMiAzLjc1NzgxTDEwLjk1MzEgMy4wNDY4OFpNOC44MjgxMiA1LjE3MTg4QzkuMjAzMTIgNS41NDY4OCA5LjQ5MjE5IDUuOTc5MTcgOS42OTUzMSA2LjQ2ODc1QzkuODk4NDQgNi45NTgzMyAxMCA3LjQ2ODc1IDEwIDhDMTAgOC41MzEyNSA5Ljg5ODQ0IDkuMDQxNjcgOS42OTUzMSA5LjUzMTI1QzkuNDkyMTkgMTAuMDIwOCA5LjIwMzEyIDEwLjQ1MzEgOC44MjgxMiAxMC44MjgxTDguMTI1IDEwLjEyNUM4LjQwNjI1IDkuODQzNzUgOC42MjI0IDkuNTIwODMgOC43NzM0NCA5LjE1NjI1QzguOTI0NDggOC43ODY0NiA5IDguNDAxMDQgOSA4QzkgNy41OTg5NiA4LjkyNDQ4IDcuMjE2MTUgOC43NzM0NCA2Ljg1MTU2QzguNjIyNCA2LjQ4MTc3IDguNDA2MjUgNi4xNTYyNSA4LjEyNSA1Ljg3NUw4LjgyODEyIDUuMTcxODhaTTUuMjg5MDYgMkg2VjE0SDUuMjg5MDZMMi4yODkwNiAxMUgwTDAgNUgyLjI4OTA2TDUuMjg5MDYgMlpNNSAzLjcxMDk0TDIuNzEwOTQgNkgxVjEwSDIuNzEwOTRMNSAxMi4yODkxVjMuNzEwOTRaIiBmaWxsPSIjMTI3NjlBIi8+DQo8L3N2Zz4NCg==";
+export declare const ProactiveChatBannerBase64: string;
+export declare const TranscriptDownloadIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zIDE2VjE1SDEyVjE2SDNaIiBmaWxsPSIjNDQ0NDQ0Ii8+DQo8cGF0aCBkPSJNMTIuMzUxNiA4LjM1MTU2TDcuNSAxMy4yNDIyTDIuNjQ4NDQgOC4zNTE1NkwzLjM1MTU2IDcuNjQ4NDRMNyAxMS4zMjAzVjBIOFYxMS4zMjAzTDExLjY0ODQgNy42NDg0NEwxMi4zNTE2IDguMzUxNTZaIiBmaWxsPSIjMTI3NjlBIi8+DQo8L3N2Zz4NCg==";
+export declare const TranscriptEmailIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04IDcuNDQ1MzFMMS4xMTcxOSA0SDE0Ljg4MjhMOCA3LjQ0NTMxWiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0xNSA1LjA2MjVWMTJIMVY1LjA2MjVMOCA4LjU1NDY5TDE1IDUuMDYyNVoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNMTYgM1YxM0gwVjNIMTZaTTEuMTE3MTkgNEw4IDcuNDQ1MzFMMTQuODgyOCA0SDEuMTE3MTlaTTE1IDEyVjUuMDYyNUw4IDguNTU0NjlMMSA1LjA2MjVWMTJIMTVaIiBmaWxsPSIjNDQ0NDQ0Ii8+DQo8L3N2Zz4NCg==";
+export declare const CallAcceptButtonBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik00LjQ2NDQ3IDEzLjM5MzRDNC4xMTkyIDEzLjA0ODEgMy43NzE2MyAxMi42NjM3IDMuNDIxNzYgMTIuMjQwMkMzLjA2NzI5IDExLjgxMjEgMi43MzM1MyAxMS4zNTg2IDIuNDIwNDkgMTAuODc5OUMyLjEwMjg0IDEwLjQwNTcgMS44MTA1MSA5LjkxMDgxIDEuNTQzNTEgOS4zOTUyMUMxLjI2NzI5IDguODc5NjEgMS4wMzcxMiA4LjM1NDggMC44NTI5NzQgNy44MjA3OUMwLjY2NDIyOCA3LjI5MTM4IDAuNTI4NDIzIDYuNzU5NjcgMC40NDU1NTkgNi4yMjU2NkMwLjM1MzQ4NyA1LjY5MTY0IDAuMzI4MTY4IDUuMTY5MTQgMC4zNjk2IDQuNjU4MTRDMC40MDY0MjggNC4yMjU0MSAwLjUwNTQwNSAzLjgwODc5IDAuNjY2NTI5IDMuNDA4MjhDMC44MjMwNSAzLjAxMjM3IDEuMDU3ODMgMi42NTc5IDEuMzcwODcgMi4zNDQ4NkwyLjI1NDc2IDEuNDYwOTdDMi40Mzg5IDEuMjc2ODMgMi42NDYwNiAxLjEzODcyIDIuODc2MjQgMS4wNDY2NUMzLjEwNjQyIDAuOTU0NTggMy4zNDEyIDAuOTA4NTQ1IDMuNTgwNTggMC45MDg1NDVDMy44MTk5NyAwLjkwODU0NSA0LjA1NDc1IDAuOTU0NTggNC4yODQ5MyAxLjA0NjY1QzQuNTE1MTEgMS4xMzg3MiA0LjcyMjI3IDEuMjc2ODMgNC45MDY0MSAxLjQ2MDk3TDYuNjc0MTcgMy4yMjg3NEM2Ljg1ODMyIDMuNDEyODggNi45OTY0MiAzLjYyMDA0IDcuMDg4NSAzLjg1MDIyQzcuMTgwNTcgNC4wODA0IDcuMjI2NiA0LjMxNTE4IDcuMjI2NiA0LjU1NDU2QzcuMjI2NiA0Ljc5Mzk1IDcuMTgwNTcgNS4wMjg3MyA3LjA4ODUgNS4yNTg5MUM2Ljk5NjQyIDUuNDg5MDkgNi44NTgzMiA1LjY5NjI1IDYuNjc0MTcgNS44ODAzOUw1Ljc5MDI5IDYuNzY0MjdDNS42NzA2IDYuODgzOTcgNS42MTA3NSA3LjAzMTI4IDUuNjEwNzUgNy4yMDYyMUM1LjYxMDc1IDcuMzgxMTUgNS42NzA2IDcuNTI4NDYgNS43OTAyOSA3LjY0ODE2TDEwLjIwOTcgMTIuMDY3NkMxMC4zMjk0IDEyLjE4NzMgMTAuNDc2NyAxMi4yNDcxIDEwLjY1MTcgMTIuMjQ3MUMxMC44MjY2IDEyLjI0NzEgMTAuOTczOSAxMi4xODczIDExLjA5MzYgMTIuMDY3NkwxMS45Nzc1IDExLjE4MzdDMTIuMTYxNiAxMC45OTk1IDEyLjM2ODggMTAuODYxNCAxMi41OTkgMTAuNzY5NEMxMi44MjkxIDEwLjY3NzMgMTMuMDYzOSAxMC42MzEzIDEzLjMwMzMgMTAuNjMxM0MxMy41NDI3IDEwLjYzMTMgMTMuNzc3NSAxMC42NzczIDE0LjAwNzYgMTAuNzY5NEMxNC4yMzc4IDEwLjg2MTQgMTQuNDQ1IDEwLjk5OTUgMTQuNjI5MSAxMS4xODM3TDE2LjM5NjkgMTIuOTUxNUMxNi41ODEgMTMuMTM1NiAxNi43MTkxIDEzLjM0MjggMTYuODExMiAxMy41NzI5QzE2LjkwMzMgMTMuODAzMSAxNi45NDkzIDE0LjAzNzkgMTYuOTQ5MyAxNC4yNzczQzE2Ljk0OTMgMTQuNTE2NyAxNi45MDMzIDE0Ljc1MTQgMTYuODExMiAxNC45ODE2QzE2LjcxOTEgMTUuMjExOCAxNi41ODEgMTUuNDE5IDE2LjM5NjkgMTUuNjAzMUwxNS41MTMgMTYuNDg3QzE1LjIgMTYuOCAxNC44NDU1IDE3LjAzNDggMTQuNDQ5NiAxNy4xOTEzQzE0LjA0OTEgMTcuMzUyNSAxMy42MzI1IDE3LjQ1MTQgMTMuMTk5NyAxNy40ODgzQzEyLjY4ODcgMTcuNTI5NyAxMi4xNjg1IDE3LjUwNjcgMTEuNjM5MSAxNy40MTkyQzExLjEwMDUgMTcuMzMxNyAxMC41NjY1IDE3LjE5MzYgMTAuMDM3MSAxNy4wMDQ5QzkuNTAzMDYgMTYuODIwNyA4Ljk4MDU2IDE2LjU5MjkgOC40Njk1NiAxNi4zMjEzQzcuOTQ5MzYgMTYuMDQ5NyA3LjQ1MjE4IDE1Ljc1NSA2Ljk3ODAxIDE1LjQzNzRDNi40OTkyNCAxNS4xMjQzIDYuMDQ4MDkgMTQuNzkyOSA1LjYyNDU2IDE0LjQ0M0M1LjIwMTA0IDE0LjA5MzEgNC44MTQzNCAxMy43NDMzIDQuNDY0NDcgMTMuMzkzNFpNMi4yNTQ3NiAzLjIyODc0QzIuMDE1MzcgMy40NjgxMiAxLjg0NzM0IDMuNzUxMjQgMS43NTA2NyA0LjA3ODFDMS42NDkzOSA0LjQwOTU1IDEuNjAxMDUgNC43NTI1MiAxLjYwNTY2IDUuMTA2OTlDMS42MDEwNSA1LjQ2MTQ3IDEuNjM1NTggNS44MTM2NCAxLjcwOTI0IDYuMTYzNTFDMS43NzgyOSA2LjUxNzk4IDEuODU2NTUgNi44NDAyMyAxLjk0NDAyIDcuMTMwMjZDMi4wOTU5MyA3LjYyMjg0IDIuMjkxNTkgOC4xMTMxMiAyLjUzMDk3IDguNjAxMDlDMi43NjU3NSA5LjA4NDQ3IDMuMDMyNzYgOS41NTQwMyAzLjMzMTk5IDEwLjAwOThDMy42MjY2MiAxMC40NzAxIDMuOTQ2NTcgMTAuOTA5OCA0LjI5MTgzIDExLjMyODdDNC42MzI1IDExLjc1MjIgNC45ODQ2NyAxMi4xNDU4IDUuMzQ4MzUgMTIuNTA5NUM1LjcxMjAzIDEyLjg3MzIgNi4xMDU2NCAxMy4yMjU0IDYuNTI5MTYgMTMuNTY2QzYuOTQ4MDkgMTMuOTExMyA3LjM4NzczIDE0LjIzMTIgNy44NDgwOCAxNC41MjU5QzguMzAzODMgMTQuODI1MSA4Ljc3NTcgMTUuMDk0NCA5LjI2MzY4IDE1LjMzMzhDOS43NDcwNSAxNS41Njg2IDEwLjIzNSAxNS43NjE5IDEwLjcyNzYgMTUuOTEzOEMxMS4wMTc2IDE2LjAwMTMgMTEuMzM5OSAxNi4wNzk2IDExLjY5NDQgMTYuMTQ4NkMxMi4wNDQyIDE2LjIyMjMgMTIuMzk4NyAxNi4yNTkxIDEyLjc1NzggMTYuMjU5MUMxMy4xMDc2IDE2LjI1OTEgMTMuNDQ4MyAxNi4yMDg1IDEzLjc3OTggMTYuMTA3MkMxNC4xMDY2IDE2LjAxMDUgMTQuMzg5NyAxNS44NDI1IDE0LjYyOTEgMTUuNjAzMUwxNS41MTMgMTQuNzE5MkMxNS42MzI3IDE0LjU5OTUgMTUuNjkyNSAxNC40NTIyIDE1LjY5MjUgMTQuMjc3M0MxNS42OTI1IDE0LjEwMjMgMTUuNjMyNyAxMy45NTUgMTUuNTEzIDEzLjgzNTNMMTMuNzQ1MiAxMi4wNjc2QzEzLjYyNTUgMTEuOTQ3OSAxMy40NzgyIDExLjg4OCAxMy4zMDMzIDExLjg4OEMxMy4xMjg0IDExLjg4OCAxMi45ODExIDExLjk0NzkgMTIuODYxNCAxMi4wNjc2TDExLjk3NzUgMTIuOTUxNUMxMS43OTMzIDEzLjEzNTYgMTEuNTg2MiAxMy4yNzM3IDExLjM1NiAxMy4zNjU4QzExLjEyNTggMTMuNDU3OCAxMC44OTEgMTMuNTAzOSAxMC42NTE3IDEzLjUwMzlDMTAuNDEyMyAxMy41MDM5IDEwLjE3NzUgMTMuNDU3OCA5Ljk0NzMxIDEzLjM2NThDOS43MTcxMyAxMy4yNzM3IDkuNTA5OTcgMTMuMTM1NiA5LjMyNTgzIDEyLjk1MTVMNC45MDY0MSA4LjUzMjA0QzQuNzIyMjcgOC4zNDc5IDQuNTg0MTYgOC4xNDA3NCA0LjQ5MjA5IDcuOTEwNTZDNC40MDAwMiA3LjY4MDM4IDQuMzUzOTggNy40NDU2IDQuMzUzOTggNy4yMDYyMUM0LjM1Mzk4IDYuOTY2ODMgNC40MDAwMiA2LjczMjA1IDQuNDkyMDkgNi41MDE4N0M0LjU4NDE2IDYuMjcxNjkgNC43MjIyNyA2LjA2NDUzIDQuOTA2NDEgNS44ODAzOUw1Ljc5MDI5IDQuOTk2NTFDNS45MDk5OCA0Ljg3NjgxIDUuOTY5ODMgNC43Mjk1IDUuOTY5ODMgNC41NTQ1NkM1Ljk2OTgzIDQuMzc5NjMgNS45MDk5OCA0LjIzMjMxIDUuNzkwMjkgNC4xMTI2Mkw0LjAyMjUyIDIuMzQ0ODZDMy45MDI4MyAyLjIyNTE2IDMuNzU1NTIgMi4xNjUzMiAzLjU4MDU4IDIuMTY1MzJDMy40MDU2NSAyLjE2NTMyIDMuMjU4MzMgMi4yMjUxNiAzLjEzODY0IDIuMzQ0ODZMMi4yNTQ3NiAzLjIyODc0WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K";
+export declare const CallRejectButtonBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDIwIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTAgMEMxMC40ODgzIDAgMTEuMDA1OSAwLjAyNjA0MTcgMTEuNTUyNyAwLjA3ODEyNUMxMi4xMDYxIDAuMTMwMjA4IDEyLjY2MjggMC4yMTQ4NDQgMTMuMjIyNyAwLjMzMjAzMUMxMy43ODI2IDAuNDQyNzA4IDE0LjMzOTIgMC41ODU5MzggMTQuODkyNiAwLjc2MTcxOUMxNS40NTI1IDAuOTMwOTkgMTUuOTg2MyAxLjEzOTMyIDE2LjQ5NDEgMS4zODY3MkMxNy4wMDIgMS42Mjc2IDE3LjQ3NCAxLjkwNzU1IDE3LjkxMDIgMi4yMjY1NkMxOC4zNTI5IDIuNTM5MDYgMTguNzQwMiAyLjg5MDYyIDE5LjA3MjMgMy4yODEyNUMxOS4zNTIyIDMuNjEzMjggMTkuNTc2OCAzLjk3Nzg2IDE5Ljc0NjEgNC4zNzVDMTkuOTE1NCA0Ljc2NTYyIDIwIDUuMTgyMjkgMjAgNS42MjVWNi44NzVDMjAgNy4xMzU0MiAxOS45NTEyIDcuMzc5NTYgMTkuODUzNSA3LjYwNzQyQzE5Ljc1NTkgNy44MzUyOSAxOS42MjI0IDguMDMzODUgMTkuNDUzMSA4LjIwMzEyQzE5LjI4MzkgOC4zNzI0IDE5LjA4NTMgOC41MDU4NiAxOC44NTc0IDguNjAzNTJDMTguNjI5NiA4LjcwMTE3IDE4LjM4NTQgOC43NSAxOC4xMjUgOC43NUgxNS42MjVDMTUuMzY0NiA4Ljc1IDE1LjEyMDQgOC43MDExNyAxNC44OTI2IDguNjAzNTJDMTQuNjY0NyA4LjUwNTg2IDE0LjQ2NjEgOC4zNzI0IDE0LjI5NjkgOC4yMDMxMkMxNC4xMjc2IDguMDMzODUgMTMuOTk0MSA3LjgzNTI5IDEzLjg5NjUgNy42MDc0MkMxMy43OTg4IDcuMzc5NTYgMTMuNzUgNy4xMzU0MiAxMy43NSA2Ljg3NVY1LjYyNUMxMy43NSA1LjQ1NTczIDEzLjY4ODIgNS4zMDkyNCAxMy41NjQ1IDUuMTg1NTVDMTMuNDQwOCA1LjA2MTg1IDEzLjI5NDMgNSAxMy4xMjUgNUg2Ljg3NUM2LjcwNTczIDUgNi41NTkyNCA1LjA2MTg1IDYuNDM1NTUgNS4xODU1NUM2LjMxMTg1IDUuMzA5MjQgNi4yNSA1LjQ1NTczIDYuMjUgNS42MjVWNi44NzVDNi4yNSA3LjEzNTQyIDYuMjAxMTcgNy4zNzk1NiA2LjEwMzUyIDcuNjA3NDJDNi4wMDU4NiA3LjgzNTI5IDUuODcyNCA4LjAzMzg1IDUuNzAzMTIgOC4yMDMxMkM1LjUzMzg1IDguMzcyNCA1LjMzNTI5IDguNTA1ODYgNS4xMDc0MiA4LjYwMzUyQzQuODc5NTYgOC43MDExNyA0LjYzNTQyIDguNzUgNC4zNzUgOC43NUgxLjg3NUMxLjYxNDU4IDguNzUgMS4zNzA0NCA4LjcwMTE3IDEuMTQyNTggOC42MDM1MkMwLjkxNDcxNCA4LjUwNTg2IDAuNzE2MTQ2IDguMzcyNCAwLjU0Njg3NSA4LjIwMzEyQzAuMzc3NjA0IDguMDMzODUgMC4yNDQxNDEgNy44MzUyOSAwLjE0NjQ4NCA3LjYwNzQyQzAuMDQ4ODI4MSA3LjM3OTU2IDAgNy4xMzU0MiAwIDYuODc1VjUuNjI1QzAgNS4xODIyOSAwLjA4NDYzNTQgNC43NjU2MiAwLjI1MzkwNiA0LjM3NUMwLjQyMzE3NyAzLjk3Nzg2IDAuNjQ3Nzg2IDMuNjEzMjggMC45Mjc3MzQgMy4yODEyNUMxLjI1OTc3IDIuODkwNjIgMS42NDM4OCAyLjUzOTA2IDIuMDgwMDggMi4yMjY1NkMyLjUyMjc5IDEuOTA3NTUgMi45OTgwNSAxLjYyNzYgMy41MDU4NiAxLjM4NjcyQzQuMDEzNjcgMS4xMzkzMiA0LjU0NDI3IDAuOTMwOTkgNS4wOTc2NiAwLjc2MTcxOUM1LjY1NzU1IDAuNTg1OTM4IDYuMjE3NDUgMC40NDI3MDggNi43NzczNCAwLjMzMjAzMUM3LjMzNzI0IDAuMjE0ODQ0IDcuODkwNjIgMC4xMzAyMDggOC40Mzc1IDAuMDc4MTI1QzguOTg0MzggMC4wMjYwNDE3IDkuNTA1MjEgMCAxMCAwWk0xOC43NSA1LjYyNUMxOC43NSA1LjI4NjQ2IDE4LjY2ODYgNC45Njc0NSAxOC41MDU5IDQuNjY3OTdDMTguMzQzMSA0LjM2MTk4IDE4LjEzNDggNC4wODUyOSAxNy44ODA5IDMuODM3ODlDMTcuNjMzNSAzLjU4Mzk4IDE3LjM2IDMuMzU5MzggMTcuMDYwNSAzLjE2NDA2QzE2Ljc2MTEgMi45NjIyNCAxNi40Nzc5IDIuNzg5NzEgMTYuMjEwOSAyLjY0NjQ4QzE1Ljc1NTIgMi40MDU2IDE1LjI3MDIgMi4xOTcyNyAxNC43NTU5IDIuMDIxNDhDMTQuMjQ4IDEuODQ1NyAxMy43MjcyIDEuNzAyNDcgMTMuMTkzNCAxLjU5MThDMTIuNjU5NSAxLjQ3NDYxIDEyLjEyMjQgMS4zODk5NyAxMS41ODIgMS4zMzc4OUMxMS4wNDE3IDEuMjc5MyAxMC41MTQzIDEuMjUgMTAgMS4yNUM5LjQ4NTY4IDEuMjUgOC45NTgzMyAxLjI3OTMgOC40MTc5NyAxLjMzNzg5QzcuODc3NiAxLjM4OTk3IDcuMzQwNDkgMS40NzQ2MSA2LjgwNjY0IDEuNTkxOEM2LjI3Mjc5IDEuNzAyNDcgNS43NDg3IDEuODQ1NyA1LjIzNDM4IDIuMDIxNDhDNC43MjY1NiAyLjE5NzI3IDQuMjQ0NzkgMi40MDU2IDMuNzg5MDYgMi42NDY0OEMzLjUyMjE0IDIuNzg5NzEgMy4yMzg5MyAyLjk2MjI0IDIuOTM5NDUgMy4xNjQwNkMyLjYzOTk3IDMuMzU5MzggMi4zNjMyOCAzLjU4Mzk4IDIuMTA5MzggMy44Mzc4OUMxLjg2MTk4IDQuMDg1MjkgMS42NTY5IDQuMzYxOTggMS40OTQxNCA0LjY2Nzk3QzEuMzMxMzggNC45Njc0NSAxLjI1IDUuMjg2NDYgMS4yNSA1LjYyNVY2Ljg3NUMxLjI1IDcuMDQ0MjcgMS4zMTE4NSA3LjE5MDc2IDEuNDM1NTUgNy4zMTQ0NUMxLjU1OTI0IDcuNDM4MTUgMS43MDU3MyA3LjUgMS44NzUgNy41SDQuMzc1QzQuNTQ0MjcgNy41IDQuNjkwNzYgNy40MzgxNSA0LjgxNDQ1IDcuMzE0NDVDNC45MzgxNSA3LjE5MDc2IDUgNy4wNDQyNyA1IDYuODc1VjUuNjI1QzUgNS4zNjQ1OCA1LjA0ODgzIDUuMTIwNDQgNS4xNDY0OCA0Ljg5MjU4QzUuMjQ0MTQgNC42NjQ3MSA1LjM3NzYgNC40NjYxNSA1LjU0Njg4IDQuMjk2ODhDNS43MTYxNSA0LjEyNzYgNS45MTQ3MSAzLjk5NDE0IDYuMTQyNTggMy44OTY0OEM2LjM3MDQ0IDMuNzk4ODMgNi42MTQ1OCAzLjc1IDYuODc1IDMuNzVIMTMuMTI1QzEzLjM4NTQgMy43NSAxMy42Mjk2IDMuNzk4ODMgMTMuODU3NCAzLjg5NjQ4QzE0LjA4NTMgMy45OTQxNCAxNC4yODM5IDQuMTI3NiAxNC40NTMxIDQuMjk2ODhDMTQuNjIyNCA0LjQ2NjE1IDE0Ljc1NTkgNC42NjQ3MSAxNC44NTM1IDQuODkyNThDMTQuOTUxMiA1LjEyMDQ0IDE1IDUuMzY0NTggMTUgNS42MjVWNi44NzVDMTUgNy4wNDQyNyAxNS4wNjE4IDcuMTkwNzYgMTUuMTg1NSA3LjMxNDQ1QzE1LjMwOTIgNy40MzgxNSAxNS40NTU3IDcuNSAxNS42MjUgNy41SDE4LjEyNUMxOC4yOTQzIDcuNSAxOC40NDA4IDcuNDM4MTUgMTguNTY0NSA3LjMxNDQ1QzE4LjY4ODIgNy4xOTA3NiAxOC43NSA3LjA0NDI3IDE4Ljc1IDYuODc1VjUuNjI1WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K";
+export declare const VideoCallAcceptButtonIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMCAxMS4wNzgxTDE1IDguNTc4MTJWMTFIMFYxSDE1VjMuNDIxODhMMjAgMC45MjE4NzVWMTEuMDc4MVpNMTMuNzUgMi4yNUgxLjI1VjkuNzVIMTMuNzVWMi4yNVpNMTguNzUgMi45NDMzNkwxNSA0LjgyODEyVjcuMTcxODhMMTguNzUgOS4wNTY2NFYyLjk0MzM2WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K";
+export declare const VideoOffIconBase64 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiI+DQogIDxwYXRoIGQ9Ik0xNjAwIDExNTJxOTMgMCAxNzQgMzV0MTQzIDk2IDk2IDE0MiAzNSAxNzVxMCA5My0zNSAxNzR0LTk2IDE0My0xNDIgOTYtMTc1IDM1cS05MyAwLTE3NC0zNXQtMTQzLTk2LTk2LTE0Mi0zNS0xNzVxMC05MyAzNS0xNzR0OTYtMTQzIDE0Mi05NiAxNzUtMzV6bS0zMjAgNDQ4cTAgNjYgMjUgMTI0dDY4IDEwMiAxMDIgNjkgMTI1IDI1cTQ3IDAgOTItMTN0ODQtNDBsLTQ0My00NDNxLTI2IDM5LTM5IDg0dC0xNCA5MnptNTg3IDE3NnEyNi0zOSAzOS04NHQxNC05MnEwLTY2LTI1LTEyNHQtNjktMTAxLTEwMi02OS0xMjQtMjZxLTQ3IDAtOTIgMTN0LTg0IDQwbDQ0MyA0NDN6bTE4MS0xMjcydjY4NnEtNTctNjMtMTI4LTEwNlY3MTFsLTM4NCAxOTN2OTJxLTMzIDMtNjUgMTB0LTYzIDE4VjY0MEgxMjh2NzY4aDg5NnEtMTEgMzEtMTggNjN0LTEwIDY1SDBWNTEyaDE1MzZ2MjQ4bDUxMi0yNTZ6IiAvPg0KPC9zdmc+";
+export declare const VideoOnIconBase64 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiI+DQogIDxwYXRoIGQ9Ik0yMDQ4IDE1NDRsLTUxMi0yNTZ2MjQ4SDBWNTEyaDE1MzZ2MjQ4bDUxMi0yNTZ2MTA0MHptLTY0MC05MDRIMTI4djc2OGgxMjgwVjY0MHptNTEyIDcxbC0zODQgMTkzdjI0MGwzODQgMTkzVjcxMXoiIC8+DQo8L3N2Zz4=";
+export declare const VoiceOffIconBase64 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTY0MCAzMjQgNTEyIDE5NnYtNHEwLTQwIDE1LTc1dDQxLTYxIDYxLTQxIDc1LTE1aDUxMnE0MCAwIDc1IDE1dDYxIDQxIDQxIDYxIDE1IDc1djkwMGwtMTI4LTEyOFYxOTJxMC0yNy0xOC00NXQtNDYtMTlINzA0cS0yNyAwLTQ1IDE4dC0xOSA0NnYxMzJ6bTEwMjQgNzAwdjMyM2wtMTI4LTEyN3YtMTk2aDEyOHptMzY1IDkxNS05MCA5MC0zNzctMzc3cS01OSA2Ny0xMzkgMTAzdC0xNjkgMzdoLTIzMHYxMjhoMjU2djEyOEg2NDB2LTEyOGgyNTZ2LTEyOEg2NjZxLTg1IDAtMTU5LTMydC0xMzAtODgtODgtMTMwLTMzLTE2MHYtMzU4aDEyOHYzNThxMCA1OCAyMiAxMDl0NjEgOTAgODkgNjAgMTEwIDIzaDU4OHE2MyAwIDExOS0yN3Q5OC03NWwtMTAyLTEwM3EtMjcgMzYtNjcgNTZ0LTg2IDIxSDcwNHEtNDAgMC03NS0xNXQtNjEtNDEtNDEtNjEtMTUtNzVWNjAzTDE5IDEwOWw5MC05MCAxOTIwIDE5MjB6bS04MTMtNTMxcTIwIDAgMzYtMTF0MjQtMzBMNjQwIDczMXY2MTNxMCAyNyAxOCA0NXQ0NiAxOWg1MTJ6Ii8+PC9zdmc+";
+export declare const VoiceOnIconBase64 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgZmlsbD0iI0ZGRkZGRiI+DQogIDxwYXRoIGQ9Ik03MDQgMTUzNnEtNDAgMC03NS0xNXQtNjEtNDEtNDEtNjEtMTUtNzVWMTkycTAtNDAgMTUtNzV0NDEtNjEgNjEtNDEgNzUtMTVoNTEycTQwIDAgNzUgMTV0NjEgNDEgNDEgNjEgMTUgNzV2MTE1MnEwIDQwLTE1IDc1dC00MSA2MS02MSA0MS03NSAxNUg3MDR6bS02NC0xOTJxMCAyNiAxOSA0NXQ0NSAxOWg1MTJxMjYgMCA0NS0xOXQxOS00NVYxOTJxMC0yNi0xOS00NXQtNDUtMTlINzA0cS0yNiAwLTQ1IDE5dC0xOSA0NXYxMTUyem0xMDI0LTMyMHYzNjJxMCA4NC0zMiAxNTh0LTg3IDEyOS0xMjkgODctMTU4IDMyaC0yMzR2MTI4aDI1NnYxMjhINjQwdi0xMjhoMjU2di0xMjhINjYycS04NCAwLTE1OC0zMnQtMTI5LTg3LTg3LTEyOS0zMi0xNTh2LTM2MmgxMjh2MzYycTAgNTcgMjIgMTA4dDU5IDg4IDg5IDYwIDEwOCAyMmg1OTZxNTcgMCAxMDgtMjJ0ODgtNTkgNjAtODkgMjItMTA4di0zNjJoMTI4eiIgLz4NCjwvc3ZnPg==";

package/lib/types/common/Constants.d.ts CHANGED Viewed

@@ -1,10 +1,16 @@
+/// <reference types="react" />
 export declare const AccessibilityBrightnessRatio = 1.2;
-export declare const BROADCAST_CHANNEL_NAME = "omnichannel_broadcast_channel";
+export declare const HiddenTextStyles: React.CSSProperties;
 export declare const KeyCodes: {
     new (): {};
     readonly ENTER: "Enter";
     readonly ESCAPE: "Escape";
     readonly SPACE: "Space";
+    readonly DeclineCallHotKey: "D";
+    readonly AcceptAudioCallHotKey: "S";
+    readonly AcceptVideoCallHotKey: "A";
+    readonly ToggleMicHotKey: "M";
+    readonly ToggleCameraHotKey: "O";
 };
 export declare const Regex: {
     new (): {};
@@ -13,7 +19,7 @@ export declare const Regex: {
 };
 export declare enum ElementType {
     ChatButton = "ChatButton",
-    HeaderCloseButton = "HeaderCloseButton",
+    CloseButton = "CloseButton",
     HeaderMinimizeButton = "HeaderMinimizeButton",
     FooterDownloadTranscriptButton = "FooterDownloadTranscriptButton",
     FooterEmailTranscriptButton = "FooterEmailTranscriptButton",

package/lib/types/components/callingcontainer/subcomponents/CurrentCall/interfaces/ICurrentCallStyleProps.d.ts CHANGED Viewed

@@ -30,10 +30,6 @@ export interface ICurrentCallStyleProps {
     */
     endCallButtonHoverStyleProps?: IStyle;
     /**
-    * Call Timer style props
-    */
-    currentCallTimerStyleProps?: IStyle;
-    /**
     * Video tile style props
     */
     videoTileStyleProps?: IStyle;

package/lib/types/components/chatbutton/interfaces/IChatButtonControlProps.d.ts CHANGED Viewed

@@ -13,4 +13,7 @@ export interface IChatButtonControlProps {
     hideChatSubtitle?: boolean;
     hideChatTitle?: boolean;
     hideNotificationBubble?: boolean;
+    unreadMessageString?: string;
+    largeUnreadMessageString?: string;
+    ariaLabelUnreadMessageString?: string;
 }

package/lib/types/components/common/interfaces/ICommandButtonControlProps.d.ts CHANGED Viewed

@@ -14,4 +14,5 @@ export interface ICommandButtonControlProps {
     onClick?: () => void;
     className?: string;
     disabled?: boolean;
+    hideButtonTitle?: boolean;
 }

package/lib/types/components/common/interfaces/ICommandButtonProps.d.ts CHANGED Viewed

@@ -18,4 +18,5 @@ export interface ICommandButtonProps {
     className?: string;
     disabled?: boolean;
     customEvent?: ICustomEvent;
+    hideButtonTitle?: boolean;
 }

package/lib/types/components/{header → common}/subcomponents/CloseButton.d.ts RENAMED Viewed

@@ -1,3 +1,3 @@
-import { ICommandButtonProps } from "../../common/interfaces/ICommandButtonProps";
+import { ICommandButtonProps } from "../interfaces/ICommandButtonProps";
 declare function CloseButton(props: ICommandButtonProps): JSX.Element;
 export default CloseButton;

package/lib/types/components/confirmationpane/interfaces/IConfirmationPaneControlProps.d.ts CHANGED Viewed

@@ -13,7 +13,6 @@ export interface IConfirmationPaneControlProps {
     cancelButtonText?: string;
     cancelButtonAriaLabel?: string;
     brightnessValueOnDim?: string;
-    disableDimLayer?: boolean;
     onConfirm?: () => void;
     onCancel?: () => void;
 }

package/lib/types/components/inputvalidationpane/interfaces/IInputValidationPaneControlProps.d.ts CHANGED Viewed

@@ -22,7 +22,6 @@ export interface IInputValidationPaneControlProps {
     cancelButtonText?: string;
     cancelButtonAriaLabel?: string;
     brightnessValueOnDim?: string;
-    disableDimLayer?: boolean;
     onSend?: (input: string) => void;
     onCancel?: () => void;
     checkInput?: (input: string) => boolean;