@microsoft/omnichannel-chat-widget 1.2.4-main.9847fc4 → 1.3.1-main.2c329a2

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachmentMiddleware.js

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /******
  * AttachmentMiddleware
- * 
+ *
  * Handles attachment downloading.
  ******/
 
@@ -12,99 +12,15 @@ import { BroadcastEvent } from "../../../../../common/telemetry/TelemetryConstan
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { WebChatActionType } from "../../enums/WebChatActionType";
 import { defaultAttachmentAdaptiveCardStyles } from "./defaultStyles/defaultAtttachmentAdaptiveCardStyles";
-import { defaultAttachmentContentStyles } from "./defaultStyles/defaultAttachmentContentStyles";
-import { defaultAttachmentDividerStyles } from "./defaultStyles/defaultAttachmentDividerStyles";
-import { defaultAttachmentDownloadIconStyles } from "./defaultStyles/defaultAttachmentDownloadIconStyles";
-import { defaultAttachmentFileNameStyles } from "./defaultStyles/defaultAttachmentFileNameStyles";
-import { defaultAttachmentIconStyles } from "./defaultStyles/defaultAtttachmentIconStyles";
 import { defaultAttachmentProps } from "../../../common/defaultProps/defaultAttachmentProps";
-import { defaultAttachmentSizeStyles } from "./defaultStyles/defaultAttachmentSizeStyles";
-import { defaultAttachmentStyles } from "./defaultStyles/defaultAtttachmentStyles";
 import { useChatContextStore } from "../../../../..";
-const AttachmentContent = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    id: props.id,
-    style: props.style
-  }, props.children);
-};
-const AttachmentIcon = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    id: props.id,
-    style: props.style
-  }, /*#__PURE__*/React.createElement("img", {
-    src: props.src ?? getFileAttachmentIconData("txt")
-  }));
-};
-const Attachment = props => {
-  var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$r3, _state$domainStates$r4, _state$domainStates$r5, _state$domainStates$r6, _state$domainStates$r7, _state$domainStates$r8, _state$domainStates$r9;
-  const {
-    iconData,
-    imageCard,
-    textCard,
-    renderer
-  } = props;
-  const [state] = useChatContextStore();
-  const attachmentId = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : (_state$domainStates$r2 = _state$domainStates$r.attachmentProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.webChatAttachmentId) ?? defaultAttachmentProps.webChatAttachmentId;
-  const attachmentDividerStyles = {
-    ...defaultAttachmentDividerStyles,
-    ...((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : _state$domainStates$r3.attachmentDividerStyles)
-  };
-  const attachmentIconStyles = {
-    ...defaultAttachmentIconStyles,
-    ...((_state$domainStates$r4 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r4 === void 0 ? void 0 : _state$domainStates$r4.attachmentIconStyles)
-  };
-  const attachmentStyles = {
-    ...defaultAttachmentStyles,
-    ...((_state$domainStates$r5 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r5 === void 0 ? void 0 : _state$domainStates$r5.attachmentStyles)
-  };
-  const attachmentSizeStylesString = Object.entries({
-    ...defaultAttachmentSizeStyles,
-    ...((_state$domainStates$r6 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r6 === void 0 ? void 0 : _state$domainStates$r6.attachmentSizeStyles)
-  }).map(_ref => {
-    let [k, v] = _ref;
-    return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
-  }).join(";");
-  const attachmentContentStylesString = Object.entries({
-    ...defaultAttachmentContentStyles,
-    ...((_state$domainStates$r7 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r7 === void 0 ? void 0 : _state$domainStates$r7.attachmentContentStyles)
-  }).map(_ref2 => {
-    let [k, v] = _ref2;
-    return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
-  }).join(";");
-  const attachmentFileNameStylesString = Object.entries({
-    ...defaultAttachmentFileNameStyles,
-    ...((_state$domainStates$r8 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r8 === void 0 ? void 0 : _state$domainStates$r8.attachmentFileNameStyles)
-  }).map(_ref3 => {
-    let [k, v] = _ref3;
-    return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
-  }).join(";");
-  const attachmentDownloadIconStylesString = Object.entries({
-    ...defaultAttachmentDownloadIconStyles,
-    ...((_state$domainStates$r9 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r9 === void 0 ? void 0 : _state$domainStates$r9.attachmentDownloadIconStyles)
-  }).map(_ref4 => {
-    let [k, v] = _ref4;
-    return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
-  }).join(";");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
-            .webchat__fileContent__size { ${attachmentSizeStylesString} }
-            .webchat__fileContent { ${attachmentContentStylesString} }
-            .webchat__fileContent__fileName { ${attachmentFileNameStylesString} }
-            .webchat__fileContent__downloadIcon { ${attachmentDownloadIconStylesString} }
-        `), /*#__PURE__*/React.createElement("div", {
-    dir: state.domainStates.globalDir
-  }, imageCard && renderer(imageCard), imageCard && /*#__PURE__*/React.createElement("hr", {
-    id: attachmentId + "-divider",
-    style: attachmentDividerStyles
-  }), /*#__PURE__*/React.createElement(AttachmentContent, {
-    attachment: textCard.attachment,
-    id: attachmentId,
-    style: attachmentStyles
-  }, /*#__PURE__*/React.createElement(AttachmentIcon, {
-    src: iconData,
-    id: attachmentId + "-icon",
-    style: attachmentIconStyles
-  }), textCard && renderer(textCard))));
-};
+import { NotificationHandler } from "../../notification/NotificationHandler";
+import { NotificationScenarios } from "../../enums/NotificationScenarios";
+import { defaultMiddlewareLocalizedTexts } from "../../../common/defaultProps/defaultMiddlewareLocalizedTexts";
+import Attachment from "./attachments/Attachment";
+import ScanInProgressAttachment from "./attachments/ScanInProgressAttachment";
+import MaliciousAttachment from "./attachments/MaliciousAttachment";
+import FileScanStatus from "./attachments/FileScanStatus";
 
 /**
 * Patch card with different attachment data.
@@ -140,9 +56,9 @@ const genPreviewCardWithAttachment = (card, iconData, next) => {
   });
 };
 const createAttachmentMiddleware = enableInlinePlaying => {
-  // eslint-disable-next-line react/display-name   
+  // eslint-disable-next-line react/display-name
   const attachmentMiddleware = () => next => function () {
-    var _state$domainStates$r10, _state$domainStates$r11, _state$domainStates$r12, _card$activity$channe;
+    var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$r3, _card$activity$channe;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -192,10 +108,10 @@ const createAttachmentMiddleware = enableInlinePlaying => {
       }
     }
     const [state] = useChatContextStore();
-    const attachmentId = ((_state$domainStates$r10 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r10 === void 0 ? void 0 : (_state$domainStates$r11 = _state$domainStates$r10.attachmentProps) === null || _state$domainStates$r11 === void 0 ? void 0 : _state$domainStates$r11.adaptiveCardAttachmentId) ?? defaultAttachmentProps.adaptiveCardAttachmentId;
+    const attachmentId = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : (_state$domainStates$r2 = _state$domainStates$r.attachmentProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.adaptiveCardAttachmentId) ?? defaultAttachmentProps.adaptiveCardAttachmentId;
     const atttachmentAdaptiveCardStyles = {
       ...defaultAttachmentAdaptiveCardStyles,
-      ...((_state$domainStates$r12 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r12 === void 0 ? void 0 : _state$domainStates$r12.attachmentAdaptiveCardStyles)
+      ...((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : _state$domainStates$r3.attachmentAdaptiveCardStyles)
     };
     if (type === WebChatMiddlewareConstants.adaptiveCard || Constants.supportedAdaptiveCardContentTypes.indexOf(contentType) >= 0) {
       return /*#__PURE__*/React.createElement("div", {
@@ -213,6 +129,30 @@ const createAttachmentMiddleware = enableInlinePlaying => {
     if (!attachment.name) {
       return next(...args);
     }
+    if (card.activity.channelData && card.activity.channelData.fileScan) {
+      const index = attachments.findIndex(attachment => attachment.name === card.attachment.name);
+      const {
+        activity: {
+          channelData: {
+            fileScan
+          }
+        }
+      } = card;
+      const scanResult = fileScan[index];
+      if ((scanResult === null || scanResult === void 0 ? void 0 : scanResult.status) === FileScanStatus.INPROGRESS) {
+        return /*#__PURE__*/React.createElement(ScanInProgressAttachment, {
+          textCard: card
+        });
+      }
+      if ((scanResult === null || scanResult === void 0 ? void 0 : scanResult.status) === FileScanStatus.MALWARE) {
+        var _state$domainStates$m;
+        const localizedText = ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_BANNER_FILE_IS_MALICIOUS) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_IS_MALICIOUS;
+        NotificationHandler.notifyError(NotificationScenarios.AttachmentError, localizedText.replace("{0}", attachment.name));
+        return /*#__PURE__*/React.createElement(MaliciousAttachment, {
+          textCard: card
+        });
+      }
+    }
     const fileExtension = attachment.name.substring(attachment.name.lastIndexOf(".") + 1, attachment.name.length) || attachment.name;
     const imageExtension = Constants.imageRegex.test(attachment.name);
     const audioExtension = Constants.audioMediaRegex.test(attachment.name);

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/Attachment.js

@@ -0,0 +1,84 @@
+import React from "react";
+import useChatContextStore from "../../../../../../hooks/useChatContextStore";
+import { defaultAttachmentProps } from "../../../../common/defaultProps/defaultAttachmentProps";
+import { defaultAttachmentContentStyles } from "../defaultStyles/defaultAttachmentContentStyles";
+import { defaultAttachmentDividerStyles } from "../defaultStyles/defaultAttachmentDividerStyles";
+import { defaultAttachmentDownloadIconStyles } from "../defaultStyles/defaultAttachmentDownloadIconStyles";
+import { defaultAttachmentFileNameStyles } from "../defaultStyles/defaultAttachmentFileNameStyles";
+import { defaultAttachmentSizeStyles } from "../defaultStyles/defaultAttachmentSizeStyles";
+import { defaultAttachmentIconStyles } from "../defaultStyles/defaultAtttachmentIconStyles";
+import { defaultAttachmentStyles } from "../defaultStyles/defaultAtttachmentStyles";
+import AttachmentContent from "./AttachmentContent";
+import AttachmentIcon from "./AttachmentIcon";
+const Attachment = props => {
+  var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$r3, _state$domainStates$r4, _state$domainStates$r5, _state$domainStates$r6, _state$domainStates$r7, _state$domainStates$r8, _state$domainStates$r9;
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  const {
+    iconData,
+    imageCard,
+    textCard,
+    renderer
+  } = props;
+  const [state] = useChatContextStore();
+  const attachmentId = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : (_state$domainStates$r2 = _state$domainStates$r.attachmentProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.webChatAttachmentId) ?? defaultAttachmentProps.webChatAttachmentId;
+  const attachmentDividerStyles = {
+    ...defaultAttachmentDividerStyles,
+    ...((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : _state$domainStates$r3.attachmentDividerStyles)
+  };
+  const attachmentIconStyles = {
+    ...defaultAttachmentIconStyles,
+    ...((_state$domainStates$r4 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r4 === void 0 ? void 0 : _state$domainStates$r4.attachmentIconStyles)
+  };
+  const attachmentStyles = {
+    ...defaultAttachmentStyles,
+    ...((_state$domainStates$r5 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r5 === void 0 ? void 0 : _state$domainStates$r5.attachmentStyles)
+  };
+  const attachmentSizeStylesString = Object.entries({
+    ...defaultAttachmentSizeStyles,
+    ...((_state$domainStates$r6 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r6 === void 0 ? void 0 : _state$domainStates$r6.attachmentSizeStyles)
+  }).map(_ref => {
+    let [k, v] = _ref;
+    return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
+  }).join(";");
+  const attachmentContentStylesString = Object.entries({
+    ...defaultAttachmentContentStyles,
+    ...((_state$domainStates$r7 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r7 === void 0 ? void 0 : _state$domainStates$r7.attachmentContentStyles)
+  }).map(_ref2 => {
+    let [k, v] = _ref2;
+    return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
+  }).join(";");
+  const attachmentFileNameStylesString = Object.entries({
+    ...defaultAttachmentFileNameStyles,
+    ...((_state$domainStates$r8 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r8 === void 0 ? void 0 : _state$domainStates$r8.attachmentFileNameStyles)
+  }).map(_ref3 => {
+    let [k, v] = _ref3;
+    return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
+  }).join(";");
+  const attachmentDownloadIconStylesString = Object.entries({
+    ...defaultAttachmentDownloadIconStyles,
+    ...((_state$domainStates$r9 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r9 === void 0 ? void 0 : _state$domainStates$r9.attachmentDownloadIconStyles)
+  }).map(_ref4 => {
+    let [k, v] = _ref4;
+    return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
+  }).join(";");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
+            .webchat__fileContent__size { ${attachmentSizeStylesString} }
+            .webchat__fileContent { ${attachmentContentStylesString} }
+            .webchat__fileContent__fileName { ${attachmentFileNameStylesString} }
+            .webchat__fileContent__downloadIcon { ${attachmentDownloadIconStylesString} }
+        `), /*#__PURE__*/React.createElement("div", {
+    dir: state.domainStates.globalDir
+  }, imageCard && renderer(imageCard), imageCard && /*#__PURE__*/React.createElement("hr", {
+    id: attachmentId + "-divider",
+    style: attachmentDividerStyles
+  }), /*#__PURE__*/React.createElement(AttachmentContent, {
+    attachment: textCard.attachment,
+    id: attachmentId,
+    style: attachmentStyles
+  }, /*#__PURE__*/React.createElement(AttachmentIcon, {
+    src: iconData,
+    id: attachmentId + "-icon",
+    style: attachmentIconStyles
+  }), textCard && renderer(textCard))));
+};
+export default Attachment;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/AttachmentContent.js

@@ -0,0 +1,9 @@
+import React from "react";
+const AttachmentContent = props => {
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  return /*#__PURE__*/React.createElement("div", {
+    id: props.id,
+    style: props.style
+  }, props.children);
+};
+export default AttachmentContent;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/AttachmentIcon.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { getFileAttachmentIconData } from "../../../../common/utils/FileAttachmentIconManager";
+const AttachmentIcon = props => {
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  return /*#__PURE__*/React.createElement("div", {
+    id: props.id,
+    style: props.style
+  }, /*#__PURE__*/React.createElement("img", {
+    src: props.src ?? getFileAttachmentIconData("txt"),
+    alt: "attachment icon"
+  }));
+};
+export default AttachmentIcon;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/DownloadBlockedAttachment.js

@@ -0,0 +1,28 @@
+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 React from "react";
+import Attachment from "./Attachment";
+const DownloadBlockedAttachment = props => {
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  const renderer = () => /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      padding: "10px 10px 10px 8px",
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 12,
+      fontFamily: "Segoe UI, Arial, sans-serif"
+    }
+  }, " ", props.textCard.attachment.name, " "), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: "auto",
+      paddingRight: "10px"
+    }
+  }, props.extraContent && props.extraContent));
+  return /*#__PURE__*/React.createElement(Attachment, _extends({}, props, {
+    imageCard: undefined,
+    renderer: renderer
+  }));
+};
+export default DownloadBlockedAttachment;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/FileScanStatus.js

@@ -0,0 +1,7 @@
+var FileScanStatus;
+(function (FileScanStatus) {
+  FileScanStatus["PASSED"] = "passed";
+  FileScanStatus["MALWARE"] = "malware";
+  FileScanStatus["INPROGRESS"] = "in progress";
+})(FileScanStatus || (FileScanStatus = {}));
+export default FileScanStatus;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/MaliciousAttachment.js

@@ -0,0 +1,16 @@
+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 React from "react";
+import DownloadBlockedAttachment from "./DownloadBlockedAttachment";
+import { CrossIcon, MaliciousFileIcon } from "../../../../../../assets/Icons";
+const MaliciousAttachment = props => {
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  const extraContent = /*#__PURE__*/React.createElement("img", {
+    src: CrossIcon,
+    alt: "download blocked icon"
+  });
+  return /*#__PURE__*/React.createElement(DownloadBlockedAttachment, _extends({}, props, {
+    iconData: MaliciousFileIcon,
+    extraContent: extraContent
+  }));
+};
+export default MaliciousAttachment;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/ScanInProgressAttachment.js

@@ -0,0 +1,16 @@
+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 React from "react";
+import Spinner from "./Spinner";
+import DownloadBlockedAttachment from "./DownloadBlockedAttachment";
+import { FileScanInProgressIcon } from "../../../../../../assets/Icons";
+const ScanInProgressAttachment = props => {
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  const extraContent = /*#__PURE__*/React.createElement(Spinner, {
+    size: 16
+  });
+  return /*#__PURE__*/React.createElement(DownloadBlockedAttachment, _extends({}, props, {
+    iconData: FileScanInProgressIcon,
+    extraContent: extraContent
+  }));
+};
+export default ScanInProgressAttachment;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/Spinner.js

@@ -0,0 +1,33 @@
+import React from "react";
+const Spinner = props => {
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  const spinnerStyle = {
+    // eslint-disable-line @typescript-eslint/no-explicit-any
+    boxSizing: "border-box",
+    borderRadius: "50%",
+    borderWidth: props.borderWidth || 2,
+    borderStyle: "solid",
+    borderColor: "rgb(0,120,212) rgb(199,224,244) rgb(199,224,244)",
+    borderImage: "initial",
+    animationName: "spin",
+    animationDuration: "1.3s",
+    animationIterationCount: "infinite",
+    animationTimingFunction: "cubic-bezier(0.53, 0.21, 0.29, 0.67)",
+    width: props.size || 20,
+    height: props.size || 20
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
+                @keyframes spin {
+                    0% {
+                        transform: rotate(0deg);
+                    }
+                    100% {
+                        transform: rotate(360deg);
+                    }
+                }
+            `), /*#__PURE__*/React.createElement("div", {
+    className: "spinner",
+    style: spinnerStyle
+  }));
+};
+export default Spinner;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/toastMiddleware.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { NotificationScenarios } from "../../enums/NotificationScenarios";
+import NotificationPaneStateful from "../../../../notificationpanestateful/NotificationPaneStateful";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const createToastMiddleware = (notificationPaneProps, endChat) => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name
+  const toastMiddleware = () => next => card => {
+    const {
+      notification
+    } = card;
+    if (notificationPaneProps) {
+      if (notification.id === NotificationScenarios.ChatDisconnect) {
+        return /*#__PURE__*/React.createElement(NotificationPaneStateful, {
+          notificationPaneProps: notificationPaneProps,
+          notificationScenarioType: NotificationScenarios.ChatDisconnect,
+          endChat: endChat
+        });
+      }
+
+      // TODO: additional notification scenarios to be added...
+    }
+
+    return next(card);
+  };
+  return toastMiddleware;
+};
+export default createToastMiddleware;

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

@@ -10,3 +10,7 @@ export declare const VideoIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0
 export declare const VisioIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0yMDQ4IDQ3NXYxNDQ1cTAgMjctMTAgNTB0LTI3IDQwLTQxIDI4LTUwIDEwSDY0MHEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTB2LTI1NkgxMTVxLTI0IDAtNDQtOXQtMzctMjUtMjUtMzYtOS00NVY2MjdxMC0yNCA5LTQ0dDI1LTM3IDM2LTI1IDQ1LTloMzk3VjEyOHEwLTI3IDEwLTUwdDI3LTQwIDQxLTI4IDUwLTEwaDkzM3EyNiAwIDQ5IDl0NDIgMjhsMzQ3IDM0N3ExOCAxOCAyNyA0MXQxMCA1MHptLTM4NC0yNTZ2MTY1aDE2NWwtMTY1LTE2NXpNNDkzIDE0MjRoMTYzbDI1NS02NzJINzQ1bC0xNDcgNDI3cS01IDE2LTEwIDMxdC0xMSAzMXEtNDEtMTIzLTgyLTI0NHQtODQtMjQ1SDI0MWwyNDggNjYyIDQgMTB6bTE0NyA0OTZoMTI4MFY1MTJoLTI1NnEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTBWMTI4SDY0MHYzODRoMzk3cTI0IDAgNDQgOXQzNyAyNSAyNSAzNiA5IDQ1djkyMnEwIDI0LTkgNDR0LTI1IDM3LTM2IDI1LTQ1IDlINjQwdjI1NnptOTYwLTEyODBsMTkyIDE5Mi0xMjggMTI4djQ0OGgtMjU2djEyOGgtMTI4di0zODRoMTI4djEyOGgxMjhWOTYwbC0xMjgtMTI4IDE5Mi0xOTJ6IiAvPg0KPC9zdmc+";
 export declare const WordIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0yMDQ4IDQ3NXYxNDQ1cTAgMjctMTAgNTB0LTI3IDQwLTQxIDI4LTUwIDEwSDY0MHEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTB2LTI1NkgxMTVxLTI0IDAtNDQtOXQtMzctMjUtMjUtMzYtOS00NVY2MjdxMC0yNCA5LTQ0dDI1LTM3IDM2LTI1IDQ1LTloMzk3VjEyOHEwLTI3IDEwLTUwdDI3LTQwIDQxLTI4IDUwLTEwaDkzM3EyNiAwIDQ5IDl0NDIgMjhsMzQ3IDM0N3ExOCAxOCAyNyA0MXQxMCA1MHptLTM4NC0yNTZ2MTY1aDE2NWwtMTY1LTE2NXpNMzIwIDE0MjRoMTYxcTItOCA5LTQzdDE4LTgzIDIxLTEwMyAyMi0xMDEgMTYtNzYgOC0zMWw3IDMwcTcgMzAgMTcgNzd0MjMgMTAwIDIzIDEwMyAxOSA4NCAxMCA0M2gxNjBsMTQ4LTY3Mkg4MzRsLTgwIDQzOC0xMDAtNDM4SDUwMmwtOTYgNDQwLTg2LTQ0MEgxNzBsMTUwIDY3MnptMzIwIDQ5NmgxMjgwVjUxMmgtMjU2cS0yNyAwLTUwLTEwdC00MC0yNy0yOC00MS0xMC01MFYxMjhINjQwdjM4NGgzOTdxMjQgMCA0NCA5dDM3IDI1IDI1IDM2IDkgNDV2OTIycTAgMjQtOSA0NHQtMjUgMzctMzYgMjUtNDUgOUg2NDB2MjU2em02NDAtMTAyNFY3NjhoNTEydjEyOGgtNTEyem0wIDI1NnYtMTI4aDUxMnYxMjhoLTUxMnptMCAyNTZ2LTEyOGg1MTJ2MTI4aC01MTJ6IiAvPg0KPC9zdmc+";
 export declare const AlertIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTEzLDE3aC0ydi0yaDJWMTd6IE0xMywxM2gtMlY3aDJWMTN6Ii8+PGc+PHBhdGggZD0iTTEyLDRjNC40LDAsOCwzLjYsOCw4cy0zLjYsOC04LDhzLTgtMy42LTgtOFM3LjYsNCwxMiw0IE0xMiwyQzYuNSwyLDIsNi41LDIsMTJjMCw1LjUsNC41LDEwLDEwLDEwczEwLTQuNSwxMC0xMCAgIEMyMiw2LjUsMTcuNSwyLDEyLDJMMTIsMnoiLz48L2c+PC9zdmc+";
+export declare const NotificationAlertIcon = "data:image/svg+xml;base64,PHN2ZyBhcmlhLWxhYmVsPSJXYXJuaW5nIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTkgMTkiIHdpZHRoPSIxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4zNzUgMEMxMC4yNDA5IDAgMTEuMDcxIDAuMTEwNjc3IDExLjg2NTIgMC4zMzIwMzFDMTIuNjY2IDAuNTUzMzg1IDEzLjQxNDcgMC44NjkxNDEgMTQuMTExMyAxLjI3OTNDMTQuODA3OSAxLjY4Mjk0IDE1LjQzOTUgMi4xNzEyMiAxNi4wMDU5IDIuNzQ0MTRDMTYuNTc4OCAzLjMxMDU1IDE3LjA2NzEgMy45NDIwNiAxNy40NzA3IDQuNjM4NjdDMTcuODgwOSA1LjMzNTI5IDE4LjE5NjYgNi4wODM5OCAxOC40MTggNi44ODQ3N0MxOC42MzkzIDcuNjc5MDQgMTguNzUgOC41MDkxMSAxOC43NSA5LjM3NUMxOC43NSAxMC4yNDA5IDE4LjYzOTMgMTEuMDc0MiAxOC40MTggMTEuODc1QzE4LjE5NjYgMTIuNjY5MyAxNy44ODA5IDEzLjQxNDcgMTcuNDcwNyAxNC4xMTEzQzE3LjA2NzEgMTQuODA3OSAxNi41Nzg4IDE1LjQ0MjcgMTYuMDA1OSAxNi4wMTU2QzE1LjQzOTUgMTYuNTgyIDE0LjgwNzkgMTcuMDcwMyAxNC4xMTEzIDE3LjQ4MDVDMTMuNDE0NyAxNy44ODQxIDEyLjY2NiAxOC4xOTY2IDExLjg2NTIgMTguNDE4QzExLjA3MSAxOC42MzkzIDEwLjI0MDkgMTguNzUgOS4zNzUgMTguNzVDOC41MDkxMSAxOC43NSA3LjY3NTc4IDE4LjYzOTMgNi44NzUgMTguNDE4QzYuMDgwNzMgMTguMTk2NiA1LjMzNTI5IDE3Ljg4NDEgNC42Mzg2NyAxNy40ODA1QzMuOTQyMDYgMTcuMDcwMyAzLjMwNzI5IDE2LjU4MiAyLjczNDM4IDE2LjAxNTZDMi4xNjc5NyAxNS40NDI3IDEuNjc5NjkgMTQuODA3OSAxLjI2OTUzIDE0LjExMTNDMC44NjU4ODUgMTMuNDE0NyAwLjU1MzM4NSAxMi42NjkzIDAuMzMyMDMxIDExLjg3NUMwLjExMDY3NyAxMS4wNzQyIDAgMTAuMjQwOSAwIDkuMzc1QzAgOC41MDkxMSAwLjExMDY3NyA3LjY3OTA0IDAuMzMyMDMxIDYuODg0NzdDMC41NTMzODUgNi4wODM5OCAwLjg2NTg4NSA1LjMzNTI5IDEuMjY5NTMgNC42Mzg2N0MxLjY3OTY5IDMuOTQyMDYgMi4xNjc5NyAzLjMxMDU1IDIuNzM0MzggMi43NDQxNEMzLjMwNzI5IDIuMTcxMjIgMy45NDIwNiAxLjY4Mjk0IDQuNjM4NjcgMS4yNzkzQzUuMzM1MjkgMC44NjkxNDEgNi4wODA3MyAwLjU1MzM4NSA2Ljg3NSAwLjMzMjAzMUM3LjY3NTc4IDAuMTEwNjc3IDguNTA5MTEgMCA5LjM3NSAwWk05LjM3NSAxNy41QzEwLjExNzIgMTcuNSAxMC44MzMzIDE3LjQwMjMgMTEuNTIzNCAxNy4yMDdDMTIuMjIwMSAxNy4wMTE3IDEyLjg2NzggMTYuNzM4MyAxMy40NjY4IDE2LjM4NjdDMTQuMDcyMyAxNi4wMzUyIDE0LjYyMjQgMTUuNjEyIDE1LjExNzIgMTUuMTE3MkMxNS42MTIgMTQuNjIyNCAxNi4wMzUyIDE0LjA3NTUgMTYuMzg2NyAxMy40NzY2QzE2LjczODMgMTIuODcxMSAxNy4wMTE3IDEyLjIyMzMgMTcuMjA3IDExLjUzMzJDMTcuNDAyMyAxMC44NDMxIDE3LjUgMTAuMTIzNyAxNy41IDkuMzc1QzE3LjUgOC42MzI4MSAxNy40MDIzIDcuOTE2NjcgMTcuMjA3IDcuMjI2NTZDMTcuMDExNyA2LjUyOTk1IDE2LjczODMgNS44ODIxNiAxNi4zODY3IDUuMjgzMkMxNi4wMzUyIDQuNjc3NzMgMTUuNjEyIDQuMTI3NiAxNS4xMTcyIDMuNjMyODFDMTQuNjIyNCAzLjEzODAyIDE0LjA3MjMgMi43MTQ4NCAxMy40NjY4IDIuMzYzMjhDMTIuODY3OCAyLjAxMTcyIDEyLjIyMDEgMS43MzgyOCAxMS41MjM0IDEuNTQyOTdDMTAuODMzMyAxLjM0NzY2IDEwLjExNzIgMS4yNSA5LjM3NSAxLjI1QzguNjI2MyAxLjI1IDcuOTA2OSAxLjM0NzY2IDcuMjE2OCAxLjU0Mjk3QzYuNTI2NjkgMS43MzgyOCA1Ljg3ODkxIDIuMDExNzIgNS4yNzM0NCAyLjM2MzI4QzQuNjc0NDggMi43MTQ4NCA0LjEyNzYgMy4xMzgwMiAzLjYzMjgxIDMuNjMyODFDMy4xMzgwMiA0LjEyNzYgMi43MTQ4NCA0LjY3NzczIDIuMzYzMjggNS4yODMyQzIuMDExNzIgNS44ODIxNiAxLjczODI4IDYuNTI5OTUgMS41NDI5NyA3LjIyNjU2QzEuMzQ3NjYgNy45MTY2NyAxLjI1IDguNjMyODEgMS4yNSA5LjM3NUMxLjI1IDEwLjExNzIgMS4zNDc2NiAxMC44MzY2IDEuNTQyOTcgMTEuNTMzMkMxLjczODI4IDEyLjIyMzMgMi4wMTE3MiAxMi44NzExIDIuMzYzMjggMTMuNDc2NkMyLjcxNDg0IDE0LjA3NTUgMy4xMzgwMiAxNC42MjI0IDMuNjMyODEgMTUuMTE3MkM0LjEyNzYgMTUuNjEyIDQuNjc0NDggMTYuMDM1MiA1LjI3MzQ0IDE2LjM4NjdDNS44Nzg5MSAxNi43MzgzIDYuNTI2NjkgMTcuMDExNyA3LjIxNjggMTcuMjA3QzcuOTA2OSAxNy40MDIzIDguNjI2MyAxNy41IDkuMzc1IDE3LjVaTTguNzUgNUgxMFYxMS4yNUg4Ljc1VjVaTTguNzUgMTIuNUgxMFYxMy43NUg4Ljc1VjEyLjVaIj48L3BhdGg+PC9zdmc+";
+export declare const FileScanInProgressIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTYgMkM0Ljg5NTQzIDIgNCAyLjg5NTQzIDQgNFY5LjIwNzAzQzQuMzIyMjggOS4xMTU4OCA0LjY1NjU5IDkuMDUzMzcgNSA5LjAyMjQyVjRDNSAzLjQ0NzcyIDUuNDQ3NzIgMyA2IDNIMTBWNi41QzEwIDcuMzI4NDMgMTAuNjcxNiA4IDExLjUgOEgxNVYxNkMxNSAxNi41NTIzIDE0LjU1MjMgMTcgMTQgMTdIMTAuNDAwM0MxMC4yMTc0IDE3LjM1NzggOS45OTY0NyAxNy42OTI5IDkuNzQyODQgMThIMTRDMTUuMTA0NiAxOCAxNiAxNy4xMDQ2IDE2IDE2VjcuNDE0MjFDMTYgNy4wMTYzOSAxNS44NDIgNi42MzQ4NiAxNS41NjA3IDYuMzUzNTVMMTEuNjQ2NCAyLjQzOTM0QzExLjM2NTEgMi4xNTgwNCAxMC45ODM2IDIgMTAuNTg1OCAySDZaTTE0Ljc5MjkgN0gxMS41QzExLjIyMzkgNyAxMSA2Ljc3NjE0IDExIDYuNVYzLjIwNzExTDE0Ljc5MjkgN1pNMSAxNC41QzEgMTYuOTg1MyAzLjAxNDcyIDE5IDUuNSAxOUM3Ljk4NTI4IDE5IDEwIDE2Ljk4NTMgMTAgMTQuNUMxMCAxMi4wMTQ3IDcuOTg1MjggMTAgNS41IDEwQzMuMDE0NzIgMTAgMSAxMi4wMTQ3IDEgMTQuNVpNNy41IDExLjVDNy43NzYxNCAxMS41IDggMTEuNzIzOSA4IDEyVjEzLjVDOCAxMy43NzYxIDcuNzc2MTQgMTQgNy41IDE0SDZDNS43MjM4NiAxNCA1LjUgMTMuNzc2MSA1LjUgMTMuNUM1LjUgMTMuMjIzOSA1LjcyMzg2IDEzIDYgMTNINi40NjgyMUM2LjQxNzg3IDEyLjk3MjIgNi4zNjYyOCAxMi45NDY0IDYuMzEzNTUgMTIuOTIzQzYuMDY4MjQgMTIuODEzNyA1LjgwMzQ0IDEyLjc1NSA1LjUzNDk1IDEyLjc1MDNDNS4yNjY0NiAxMi43NDU2IDQuOTk5NzcgMTIuNzk1IDQuNzUwNzkgMTIuODk1NkM0LjUwMTggMTIuOTk2MiA0LjI3NTYzIDEzLjE0NTkgNC4wODU3NSAxMy4zMzU4QzMuODkwNDggMTMuNTMxIDMuNTczOSAxMy41MzEgMy4zNzg2NCAxMy4zMzU4QzMuMTgzMzggMTMuMTQwNSAzLjE4MzM4IDEyLjgyMzkgMy4zNzg2NCAxMi42Mjg3QzMuNjYzNDYgMTIuMzQzOSA0LjAwMjczIDEyLjExOTMgNC4zNzYyIDExLjk2ODRDNC43NDk2NyAxMS44MTc1IDUuMTQ5NzEgMTEuNzQzNCA1LjU1MjQ1IDExLjc1MDVDNS45NTUxOCAxMS43NTc1IDYuMzUyMzggMTEuODQ1NiA2LjcyMDM0IDEyLjAwOTRDNi44MTYxNyAxMi4wNTIxIDYuOTA5NTEgMTIuMDk5NyA3IDEyLjE1MTlWMTJDNyAxMS43MjM5IDcuMjIzODYgMTEuNSA3LjUgMTEuNVpNNi42MjM4IDE3LjAzMTZDNi4yNTAzMyAxNy4xODI1IDUuODUwMjkgMTcuMjU2NiA1LjQ0NzU1IDE3LjI0OTVDNS4wNDQ4MiAxNy4yNDI1IDQuNjQ3NjIgMTcuMTU0NCA0LjI3OTY2IDE2Ljk5MDZDNC4xODM4MyAxNi45NDc5IDQuMDkwNDkgMTYuOTAwMyA0IDE2Ljg0ODFWMTdDNCAxNy4yNzYxIDMuNzc2MTQgMTcuNSAzLjUgMTcuNUMzLjIyMzg2IDE3LjUgMyAxNy4yNzYxIDMgMTdWMTUuNUMzIDE1LjIyMzkgMy4yMjM4NiAxNSAzLjUgMTVINUM1LjI3NjE0IDE1IDUuNSAxNS4yMjM5IDUuNSAxNS41QzUuNSAxNS43NzYxIDUuMjc2MTQgMTYgNSAxNkg0LjUzMTc5QzQuNTgyMTMgMTYuMDI3OCA0LjYzMzcyIDE2LjA1MzYgNC42ODY0NSAxNi4wNzdDNC45MzE3NiAxNi4xODYzIDUuMTk2NTYgMTYuMjQ1IDUuNDY1MDUgMTYuMjQ5N0M1LjczMzU0IDE2LjI1NDQgNi4wMDAyMyAxNi4yMDUgNi4yNDkyMSAxNi4xMDQ0QzYuNDk4MiAxNi4wMDM4IDYuNzI0MzcgMTUuODU0MSA2LjkxNDI1IDE1LjY2NDJDNy4xMDk1MSAxNS40NjkgNy40MjYxIDE1LjQ2OSA3LjYyMTM2IDE1LjY2NDJDNy44MTY2MiAxNS44NTk1IDcuODE2NjIgMTYuMTc2MSA3LjYyMTM2IDE2LjM3MTNDNy4zMzY1NCAxNi42NTYxIDYuOTk3MjcgMTYuODgwNyA2LjYyMzggMTcuMDMxNloiIGZpbGw9IiMyMTIxMjEiIC8+DQo8L3N2Zz4=";
+export declare const MaliciousFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQgNEM0IDIuODk1NDMgNC44OTU0MyAyIDYgMkgxMC41ODU4QzEwLjk4MzYgMiAxMS4zNjUxIDIuMTU4MDQgMTEuNjQ2NCAyLjQzOTM0TDE1LjU2MDcgNi4zNTM1NUMxNS44NDIgNi42MzQ4NiAxNiA3LjAxNjM5IDE2IDcuNDE0MjFWMTZDMTYgMTcuMTA0NiAxNS4xMDQ2IDE4IDE0IDE4SDkuNzQyODRDOS45OTY0NyAxNy42OTI5IDEwLjIxNzQgMTcuMzU3OCAxMC40MDAzIDE3SDE0QzE0LjU1MjMgMTcgMTUgMTYuNTUyMyAxNSAxNlY4SDExLjVDMTAuNjcxNiA4IDEwIDcuMzI4NDMgMTAgNi41VjNINkM1LjQ0NzcyIDMgNSAzLjQ0NzcyIDUgNFY5LjAyMjQyQzQuNjU2NTkgOS4wNTMzNyA0LjMyMjI4IDkuMTE1ODggNCA5LjIwNzAzVjRaTTExIDMuMjA3MTFWNi41QzExIDYuNzc2MTQgMTEuMjIzOSA3IDExLjUgN0gxNC43OTI5TDExIDMuMjA3MTFaTTguNjgxOTkgMTcuNjgyQzYuOTI0NjIgMTkuNDM5NCA0LjA3NTM5IDE5LjQzOTQgMi4zMTgwMiAxNy42ODJDMC41NjA2NTkgMTUuOTI0NiAwLjU2MDY1OSAxMy4wNzU0IDIuMzE4MDIgMTEuMzE4QzQuMDc1MzkgOS41NjA2NiA2LjkyNDYyIDkuNTYwNjYgOC42ODE5OSAxMS4zMThDMTAuNDM5NCAxMy4wNzU0IDEwLjQzOTQgMTUuOTI0NiA4LjY4MTk5IDE3LjY4MlpNMy40MDM3NSAxNy4zMDM0QzQuNzc0NjYgMTguMzMxMiA2LjcyODA5IDE4LjIyMTcgNy45NzQ4OCAxNi45NzQ5QzkuMjIxNjcgMTUuNzI4MSA5LjMzMTE2IDEzLjc3NDcgOC4zMDMzNyAxMi40MDM3TDMuNDAzNzUgMTcuMzAzNFpNMi42OTY2NCAxNi41OTYzTDcuNTk2MjYgMTEuNjk2NkM2LjIyNTM1IDEwLjY2ODggNC4yNzE5MiAxMC43NzgzIDMuMDI1MTMgMTIuMDI1MUMxLjc3ODM0IDEzLjI3MTkgMS42Njg4NSAxNS4yMjU0IDIuNjk2NjQgMTYuNTk2M1oiIGZpbGw9IiMyMTIxMjEiIC8+DQo8L3N2Zz4=";
+export declare const CrossIcon = "data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iIiBmaWxsPSJyZWQiIHN0cm9rZS13aWR0aD0iMyIgZm9jdXNhYmxlPSJmYWxzZSIgaGVpZ2h0PSIxNCIgcm9sZT0icHJlc2VudGF0aW9uIiB2aWV3Qm94PSIwIDAgMTQgMTQiIHdpZHRoPSIxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy43MTA5NCA3TDEzLjEwMTYgMTIuMzk4NEwxMi4zOTg0IDEzLjEwMTZMNyA3LjcxMDk0TDEuNjAxNTYgMTMuMTAxNkwwLjg5ODQzOCAxMi4zOTg0TDYuMjg5MDYgN0wwLjg5ODQzOCAxLjYwMTU2TDEuNjAxNTYgMC44OTg0MzhMNyA2LjI4OTA2TDEyLjM5ODQgMC44OTg0MzhMMTMuMTAxNiAxLjYwMTU2TDcuNzEwOTQgN1oiPjwvcGF0aD48L3N2Zz4=";

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

@@ -217,6 +217,20 @@ export declare class TranscriptConstants {
     static readonly AgentDialogColor = "#2266E3";
     static readonly AgentFontColor = "white";
 }
+export declare class NotificationPaneConstants {
+    static readonly DefaultNotificationPaneId = "lcw-notification-pane";
+    static readonly DismissId = "lcw-notification-pane-dismiss-button";
+    static readonly DismissText = "Dismiss";
+    static readonly DismissAriaLabel = "Notification dismiss";
+    static readonly CloseChatId = "lcw-notification-pane-close-chat-button";
+    static readonly CloseChatText = "Close Chat";
+    static readonly CloseChatAriaLabel = "Close chat";
+    static readonly IconId = "lcw-notification-pane-icon";
+    static readonly IconText = "Notification Icon";
+    static readonly ChatDisconnectTitleText = "Chat disconnected";
+    static readonly ChatDisconnectSubtitleText = "For additional assistance, please close the chat and try again.";
+    static readonly ChromeCloseIconName = "ChromeClose";
+}
 export declare class AriaTelemetryConstants {
     static readonly GERMANY_ENDPOINT: string;
     static readonly GCCH_ENDPOINT: string;

package/lib/types/common/telemetry/TelemetryConstants.d.ts

@@ -131,6 +131,8 @@ export declare enum TelemetryEvent {
     ReconnectChatPaneLoaded = "ReconnectChatPaneLoaded",
     HeaderCloseButtonClicked = "HeaderCloseButtonClicked",
     HeaderMinimizeButtonClicked = "HeaderMinimizeButtonClicked",
+    NotificationCloseChatButtonClicked = "NotificationCloseChatButtonClicked",
+    NotificationDismissButtonClicked = "NotificationDismissButtonClicked",
     DownloadTranscriptButtonClicked = "DownloadTranscriptButtonClicked",
     EmailTranscriptButtonClicked = "EmailTranscriptButtonClicked",
     EmailTranscriptCancelButtonClicked = "EmailTranscriptCancelButtonClicked",

package/lib/types/components/livechatwidget/common/endChat.d.ts

@@ -4,4 +4,5 @@ import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidget
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 declare const prepareEndChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, uwid: string) => Promise<void>;
 declare const endChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, skipEndChatSDK?: boolean | undefined, skipCloseChat?: boolean | undefined, postMessageToOtherTab?: boolean | undefined, uwid?: string) => Promise<void>;
+export declare const endVoiceVideoCallIfOngoing: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;
 export { prepareEndChat, endChat };

package/lib/types/components/livechatwidget/common/initWebChatComposer.d.ts

@@ -3,4 +3,4 @@ import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetA
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 import { IWebChatProps } from "../../webchatcontainerstateful/interfaces/IWebChatProps";
-export declare const initWebChatComposer: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, chatSDK: any) => IWebChatProps;
+export declare const initWebChatComposer: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, chatSDK: any, endChat: any) => IWebChatProps;

package/lib/types/components/livechatwidget/interfaces/ILiveChatWidgetProps.d.ts

@@ -24,6 +24,7 @@ import { IContextDataStore } from "../../../common/interfaces/IContextDataStore"
 import { IPostChatSurveyPaneStatefulProps } from "../../postchatsurveypanestateful/interfaces/IPostChatSurveyPaneStatefulProps";
 import { IScrollBarProps } from "./IScrollBarProps";
 import { IDraggableChatWidgetProps } from "./IDraggableChatWidgetProps";
+import { INotificationPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/notificationpane/interfaces/INotificationPaneProps";
 export interface ILiveChatWidgetProps {
     audioNotificationProps?: IAudioNotificationProps;
     callingContainerProps?: ICallingContainerProps;
@@ -50,6 +51,7 @@ export interface ILiveChatWidgetProps {
     startChatErrorPaneProps?: IStartChatErrorPaneProps;
     styleProps?: ILiveChatWidgetStyleProps;
     telemetryConfig: ITelemetryConfig;
+    notificationPaneProps?: INotificationPaneProps;
     webChatContainerProps?: IWebChatContainerStatefulProps;
     liveChatContextFromCache?: ILiveChatWidgetContext;
     contextDataStore?: IContextDataStore;

package/lib/types/components/notificationpanestateful/NotificationPaneStateful.d.ts

@@ -0,0 +1,3 @@
+import { INotificationPaneStatefulProps } from "./interfaces/INotificationPaneStatefulProps";
+export declare const NotificationPaneStateful: (props: INotificationPaneStatefulProps) => JSX.Element;
+export default NotificationPaneStateful;

package/lib/types/components/notificationpanestateful/defaultProps/defaultChatDisconnectControlProps.d.ts

@@ -0,0 +1,2 @@
+import { IChatDisconnectControlProps } from "@microsoft/omnichannel-chat-components/lib/types/components/notificationpane/interfaces/chatdisconnect/IChatDisconnectControlProps";
+export declare const defaultChatDisconnectControlProps: IChatDisconnectControlProps;

package/lib/types/components/notificationpanestateful/defaultProps/defaultChatDisconnectStyleProps.d.ts

@@ -0,0 +1,2 @@
+import { IChatDisconnectStyleProps } from "@microsoft/omnichannel-chat-components/lib/types/components/notificationpane/interfaces/chatdisconnect/IChatDisconnectStyleProps";
+export declare const defaultChatDisconnectStyleProps: IChatDisconnectStyleProps;

package/lib/types/components/notificationpanestateful/interfaces/INotificationPaneStatefulProps.d.ts

@@ -0,0 +1,13 @@
+import { INotificationPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/notificationpane/interfaces/INotificationPaneProps";
+export interface INotificationPaneStatefulProps extends INotificationPaneProps {
+    notificationPaneProps?: INotificationPaneProps;
+    notificationScenarioType?: string;
+    /**
+     * endChat: Internal Prop injected for triggering end of a chat using chatSDK
+     * @param adapter : The chat adapter for the live chat session
+     * @param skipEndChatSDK : If set to true endchat will skip chatSDK endChat call
+     * @param skipCloseChat : If set to true endchat will skip closing the live chat instance
+     * @param postMessageToOtherTab : If set to true endchat will send a message to other tabs(multi-tabs)
+     */
+    endChat: (adapter: any, skipEndChatSDK?: boolean, skipCloseChat?: boolean, postMessageToOtherTab?: boolean) => Promise<void>;
+}

package/lib/types/components/webchatcontainerstateful/common/mockchatsdk.d.ts

@@ -27,4 +27,5 @@ export declare class MockChatSDK {
     getChatReconnectContext(): {
         reconnectId: string;
     };
+    getVoiceVideoCalling(): null;
 }

package/lib/types/components/webchatcontainerstateful/interfaces/IRenderingMiddlewareProps.d.ts

@@ -9,6 +9,7 @@ export interface IRenderingMiddlewareProps {
     disableGroupActivitiesMiddleware?: boolean;
     disableTypingIndicatorMiddleware?: boolean;
     disableThirdPartyCookiesAlert?: boolean;
+    disableToastMiddleware?: boolean;
     hideSendboxOnConversationEnd?: boolean;
     userMessageStyleProps?: React.CSSProperties;
     systemMessageStyleProps?: React.CSSProperties;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/Attachment.d.ts

@@ -0,0 +1,2 @@
+declare const Attachment: (props: any) => JSX.Element;
+export default Attachment;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/AttachmentContent.d.ts

@@ -0,0 +1,2 @@
+declare const AttachmentContent: (props: any) => JSX.Element;
+export default AttachmentContent;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/AttachmentIcon.d.ts

@@ -0,0 +1,2 @@
+declare const AttachmentIcon: (props: any) => JSX.Element;
+export default AttachmentIcon;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/DownloadBlockedAttachment.d.ts

@@ -0,0 +1,2 @@
+declare const DownloadBlockedAttachment: (props: any) => JSX.Element;
+export default DownloadBlockedAttachment;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/FileScanStatus.d.ts

@@ -0,0 +1,6 @@
+declare enum FileScanStatus {
+    PASSED = "passed",
+    MALWARE = "malware",
+    INPROGRESS = "in progress"
+}
+export default FileScanStatus;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/MaliciousAttachment.d.ts

@@ -0,0 +1,2 @@
+declare const MaliciousAttachment: (props: any) => JSX.Element;
+export default MaliciousAttachment;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/ScanInProgressAttachment.d.ts

@@ -0,0 +1,2 @@
+declare const ScanInProgressAttachment: (props: any) => JSX.Element;
+export default ScanInProgressAttachment;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachments/Spinner.d.ts

@@ -0,0 +1,2 @@
+declare const Spinner: (props: any) => JSX.Element;
+export default Spinner;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/toastMiddleware.d.ts

@@ -0,0 +1,3 @@
+import { INotificationPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/notificationpane/interfaces/INotificationPaneProps";
+declare const createToastMiddleware: (notificationPaneProps: INotificationPaneProps | undefined, endChat: any) => () => (next: any) => (card: any) => any;
+export default createToastMiddleware;

package/lib/types/contexts/common/ILiveChatWidgetLocalizedTexts.d.ts

@@ -21,4 +21,11 @@ export interface ILiveChatWidgetLocalizedTexts {
     MARKDOWN_EXTERNAL_LINK_ALT?: string;
     MIDDLEWARE_BANNER_CHAT_DISCONNECT?: string;
     THIRD_PARTY_COOKIES_BLOCKED_ALERT_MESSAGE?: string;
+    /**
+     * Error message shown when the file is malicious
+     * Variable replacement:
+     * {0} - File name
+     * e.g. "{0} has been blocked because the file may contain a malware."
+     */
+    MIDDLEWARE_BANNER_FILE_IS_MALICIOUS?: string;
 }