@microsoft/omnichannel-chat-widget 1.7.5 → 1.7.6-main.aac589b

package/lib/cjs/common/telemetry/TelemetryConstants.js

@@ -141,6 +141,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["ConfirmationCancelButtonClicked"] = "ConfirmationCancelButtonClicked";
   TelemetryEvent["ConfirmationConfirmButtonClicked"] = "ConfirmationConfirmButtonClicked";
   TelemetryEvent["LoadingPaneLoaded"] = "LoadingPaneLoaded";
+  TelemetryEvent["LoadingPaneUnloaded"] = "LoadingPaneUnloaded";
   TelemetryEvent["StartChatErrorPaneLoaded"] = "StartChatErrorPaneLoaded";
   TelemetryEvent["EmailTranscriptLoaded"] = "EmailTranscriptLoaded";
   TelemetryEvent["OutOfOfficePaneLoaded"] = "OutOfOfficePaneLoaded";

package/lib/cjs/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -816,7 +816,7 @@ const LiveChatWidgetStateful = props => {
   const chatWidgetDraggableConfig = {
     elementId: widgetElementId,
     channel: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.widgetInstanceId) ?? "lcw",
-    disabled: ((_props$draggableChatW = props.draggableChatWidgetProps) === null || _props$draggableChatW === void 0 ? void 0 : _props$draggableChatW.disabled) === true ?? false // Draggable by default, unless explicitly disabled
+    disabled: ((_props$draggableChatW = props.draggableChatWidgetProps) === null || _props$draggableChatW === void 0 ? void 0 : _props$draggableChatW.disabled) !== true // Draggable by default, unless explicitly disabled
   };
 
   // Disable receiving IDraggableEvent in current window

package/lib/cjs/components/loadingpanestateful/LoadingPaneStateful.js

@@ -73,6 +73,12 @@ const LoadingPaneStateful = props => {
       Event: _TelemetryConstants.TelemetryEvent.UXLoadingPaneCompleted,
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
+    return () => {
+      _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.LoadingPaneUnloaded,
+        Description: "Loading pane unmount."
+      });
+    };
   }, []);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.LoadingPane, {
     componentOverrides: loadingPaneProps === null || loadingPaneProps === void 0 ? void 0 : loadingPaneProps.componentOverrides,

package/lib/cjs/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatStyles.js

@@ -59,6 +59,7 @@ const defaultWebChatStyles = {
     "<3": "❤️",
     "</3": "💔",
     "<\\3": "💔"
-  }
+  },
+  uploadMultiple: false
 };
 exports.defaultWebChatStyles = defaultWebChatStyles;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/enums/WebChatActionType.js

@@ -28,4 +28,5 @@ exports.WebChatActionType = WebChatActionType;
   WebChatActionType["WEB_CHAT_DISMISS_NOTIFICATION"] = "WEB_CHAT/DISMISS_NOTIFICATION";
   WebChatActionType["WEB_CHAT_SET_SEND_BOX"] = "WEB_CHAT/SET_SEND_BOX";
   WebChatActionType["WEB_CHAT_SEND_FILES"] = "WEB_CHAT/SEND_FILES";
+  WebChatActionType["WEB_CHAT_SET_SEND_BOX_ATTACHMENTS"] = "WEB_CHAT/SET_SEND_BOX_ATTACHMENTS";
 })(WebChatActionType || (exports.WebChatActionType = WebChatActionType = {}));

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

@@ -7,19 +7,19 @@ exports.createAttachmentMiddleware = void 0;
 var _Constants = require("../../../../../common/Constants");
 var _react = _interopRequireDefault(require("react"));
 var _FileAttachmentIconManager = require("../../../common/utils/FileAttachmentIconManager");
+var _Attachment = _interopRequireDefault(require("./attachments/Attachment"));
 var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+var _FileScanStatus = _interopRequireDefault(require("./attachments/FileScanStatus"));
+var _MaliciousAttachment = _interopRequireDefault(require("./attachments/MaliciousAttachment"));
+var _NotificationHandler = require("../../notification/NotificationHandler");
+var _NotificationScenarios = require("../../enums/NotificationScenarios");
+var _ScanInProgressAttachment = _interopRequireDefault(require("./attachments/ScanInProgressAttachment"));
 var _WebChatActionType = require("../../enums/WebChatActionType");
 var _defaultAtttachmentAdaptiveCardStyles = require("./defaultStyles/defaultAtttachmentAdaptiveCardStyles");
 var _defaultAttachmentProps = require("../../../common/defaultProps/defaultAttachmentProps");
-var _ = require("../../../../..");
-var _NotificationHandler = require("../../notification/NotificationHandler");
-var _NotificationScenarios = require("../../enums/NotificationScenarios");
 var _defaultMiddlewareLocalizedTexts = require("../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
-var _Attachment = _interopRequireDefault(require("./attachments/Attachment"));
-var _ScanInProgressAttachment = _interopRequireDefault(require("./attachments/ScanInProgressAttachment"));
-var _MaliciousAttachment = _interopRequireDefault(require("./attachments/MaliciousAttachment"));
-var _FileScanStatus = _interopRequireDefault(require("./attachments/FileScanStatus"));
+var _ = require("../../../../..");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /******

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentProcessingMiddleware.js

@@ -17,7 +17,7 @@ const createSendFileAction = files => {
     payload: {
       files
     },
-    type: _WebChatActionType.WebChatActionType.WEB_CHAT_SEND_FILES
+    type: _WebChatActionType.WebChatActionType.WEB_CHAT_SEND_MESSAGE
   };
 };
 
@@ -27,9 +27,9 @@ const attachmentProcessingMiddleware = _ref => {
     dispatch
   } = _ref;
   return next => async action => {
-    var _action$payload, _action$payload$files;
-    if ((action === null || action === void 0 ? void 0 : action.type) === _WebChatActionType.WebChatActionType.WEB_CHAT_SEND_FILES && (action === null || action === void 0 ? void 0 : (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$files = _action$payload.files) === null || _action$payload$files === void 0 ? void 0 : _action$payload$files.length) > 0) {
-      const files = action.payload.files;
+    var _action$payload, _action$payload$attac;
+    if ((action === null || action === void 0 ? void 0 : action.type) === _WebChatActionType.WebChatActionType.WEB_CHAT_SEND_MESSAGE && (action === null || action === void 0 ? void 0 : (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$attac = _action$payload.attachments) === null || _action$payload$attac === void 0 ? void 0 : _action$payload$attac.length) > 0) {
+      const files = action.payload.attachments;
       if (files.length === 1) {
         return next(action);
       }

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentUploadValidatorMiddleware.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
+var _Constants = require("../../../../../common/Constants");
 var _NotificationHandler = require("../../notification/NotificationHandler");
 var _NotificationScenarios = require("../../enums/NotificationScenarios");
-var _WebChatActionType = require("../../enums/WebChatActionType");
 var _TelemetryHelper = require("../../../../../common/telemetry/TelemetryHelper");
-var _Constants = require("../../../../../common/Constants");
+var _WebChatActionType = require("../../enums/WebChatActionType");
 /******
  * AttachmentUploadValidatorMiddleware
  * 
@@ -26,6 +26,9 @@ const validateAttachment = (action, allowedFileExtensions, maxFileSizeSupportedB
   var _action$payload, _action$payload$activ, _action$payload2, _action$payload2$acti, _action$payload2$acti2, _action$payload3, _action$payload3$acti, _action$payload3$acti2;
   const attachments = action === null || action === void 0 ? void 0 : (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$activ = _action$payload.activity) === null || _action$payload$activ === void 0 ? void 0 : _action$payload$activ.attachments;
   const attachmentSizes = action === null || action === void 0 ? void 0 : (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : (_action$payload2$acti = _action$payload2.activity) === null || _action$payload2$acti === void 0 ? void 0 : (_action$payload2$acti2 = _action$payload2$acti.channelData) === null || _action$payload2$acti2 === void 0 ? void 0 : _action$payload2$acti2.attachmentSizes;
+  if (!attachments || attachments.length === 0) {
+    return action;
+  }
   if (attachments) {
     for (let i = 0; i < attachments.length; i++) {
       const maxUploadFileSize = getMaxUploadFileSize(maxFileSizeSupportedByDynamics, attachments[i].contentType);
@@ -196,11 +199,11 @@ const createAttachmentUploadValidatorMiddleware = (allowedFileExtensions, maxFil
   } = _ref;
   return next => action => {
     if (action.type === _WebChatActionType.WebChatActionType.DIRECT_LINE_POST_ACTIVITY) {
-      var _payload$activity, _payload$activity2, _payload$activity2$ch, _payload$activity3, _payload$activity3$at, _payload$activity4, _payload$activity4$ch, _payload$activity4$ch2;
+      var _payload$activity, _payload$activity$att, _payload$activity2, _payload$activity2$ch, _payload$activity2$ch2;
       const {
         payload
       } = action;
-      if (payload !== null && payload !== void 0 && (_payload$activity = payload.activity) !== null && _payload$activity !== void 0 && _payload$activity.attachments && payload !== null && payload !== void 0 && (_payload$activity2 = payload.activity) !== null && _payload$activity2 !== void 0 && (_payload$activity2$ch = _payload$activity2.channelData) !== null && _payload$activity2$ch !== void 0 && _payload$activity2$ch.attachmentSizes && (payload === null || payload === void 0 ? void 0 : (_payload$activity3 = payload.activity) === null || _payload$activity3 === void 0 ? void 0 : (_payload$activity3$at = _payload$activity3.attachments) === null || _payload$activity3$at === void 0 ? void 0 : _payload$activity3$at.length) === (payload === null || payload === void 0 ? void 0 : (_payload$activity4 = payload.activity) === null || _payload$activity4 === void 0 ? void 0 : (_payload$activity4$ch = _payload$activity4.channelData) === null || _payload$activity4$ch === void 0 ? void 0 : (_payload$activity4$ch2 = _payload$activity4$ch.attachmentSizes) === null || _payload$activity4$ch2 === void 0 ? void 0 : _payload$activity4$ch2.length)) {
+      if (payload !== null && payload !== void 0 && payload.activity.attachments && payload.activity.attachments.length > 0 && (payload === null || payload === void 0 ? void 0 : (_payload$activity = payload.activity) === null || _payload$activity === void 0 ? void 0 : (_payload$activity$att = _payload$activity.attachments) === null || _payload$activity$att === void 0 ? void 0 : _payload$activity$att.length) === (payload === null || payload === void 0 ? void 0 : (_payload$activity2 = payload.activity) === null || _payload$activity2 === void 0 ? void 0 : (_payload$activity2$ch = _payload$activity2.channelData) === null || _payload$activity2$ch === void 0 ? void 0 : (_payload$activity2$ch2 = _payload$activity2$ch.attachmentSizes) === null || _payload$activity2$ch2 === void 0 ? void 0 : _payload$activity2$ch2.length)) {
         return next(validateAttachment(action, allowedFileExtensions, maxFileSizeSupportedByDynamics, localizedTexts));
       }
     }

package/lib/cjs/plugins/createChatTranscript.js

@@ -14,7 +14,7 @@ class TranscriptHTMLBuilder {
   // eslint-disable-line @typescript-eslint/no-explicit-any
 
   constructor(options) {
-    var _this$options, _this$options2, _this$options3, _this$options4, _this$options5, _this$options6, _this$options7, _this$options8, _this$options9, _this$options10, _this$options11, _this$options12;
+    var _this$options, _this$options2, _this$options3, _this$options4, _this$options5, _this$options6, _this$options7, _this$options8, _this$options9, _this$options10, _this$options11, _this$options12, _this$options13;
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "pageTitle", "Customer Transcript");
     _defineProperty(this, "attachmentMessage", "The following attachment was uploaded during the conversation: ");
@@ -25,6 +25,7 @@ class TranscriptHTMLBuilder {
     _defineProperty(this, "agentAvatarFontColor", "#000");
     _defineProperty(this, "customerAvatarBackgroundColor", "#2266E3");
     _defineProperty(this, "customerAvatarFontColor", "#FFF");
+    _defineProperty(this, "customerDisplayName", "");
     _defineProperty(this, "disableMarkdownMessageFormatting", false);
     _defineProperty(this, "disableNewLineMarkdownSupport", false);
     _defineProperty(this, "externalScripts", {});
@@ -60,13 +61,16 @@ class TranscriptHTMLBuilder {
     if ((_this$options9 = this.options) !== null && _this$options9 !== void 0 && _this$options9.customerAvatarFontColor) {
       this.customerAvatarFontColor = this.options.customerAvatarFontColor;
     }
-    if ((_this$options10 = this.options) !== null && _this$options10 !== void 0 && _this$options10.disableMarkdownMessageFormatting) {
+    if ((_this$options10 = this.options) !== null && _this$options10 !== void 0 && _this$options10.customerDisplayName) {
+      this.customerDisplayName = this.options.customerDisplayName;
+    }
+    if ((_this$options11 = this.options) !== null && _this$options11 !== void 0 && _this$options11.disableMarkdownMessageFormatting) {
       this.disableMarkdownMessageFormatting = this.options.disableMarkdownMessageFormatting;
     }
-    if ((_this$options11 = this.options) !== null && _this$options11 !== void 0 && _this$options11.disableNewLineMarkdownSupport) {
+    if ((_this$options12 = this.options) !== null && _this$options12 !== void 0 && _this$options12.disableNewLineMarkdownSupport) {
       this.disableNewLineMarkdownSupport = this.options.disableNewLineMarkdownSupport;
     }
-    if ((_this$options12 = this.options) !== null && _this$options12 !== void 0 && _this$options12.externalScripts) {
+    if ((_this$options13 = this.options) !== null && _this$options13 !== void 0 && _this$options13.externalScripts) {
       this.externalScripts = this.options.externalScripts;
     }
   }
@@ -528,7 +532,12 @@ class TranscriptHTMLBuilder {
                     const avatarMiddleware = () => (next) => (...args) => {
                         const [card] = args;
                         const {fromUser, activity} = card;
-                        const initials = getIconText(activity.from.name);
+                        let displayName = getIconText(activity.from.name);
+                        let customerDisplayName = '${this.customerDisplayName}';
+
+                        if (fromUser && customerDisplayName) {
+                            displayName = customerDisplayName;
+                        }
 
                         const avatarElement = React.createElement(
                             "div",
@@ -536,7 +545,7 @@ class TranscriptHTMLBuilder {
                             React.createElement(
                                 "p",
                                 null,
-                                \`\${initials}\`
+                                \`\${displayName}\`
                             )
                         );
 

package/lib/esm/common/telemetry/TelemetryConstants.js

@@ -135,6 +135,7 @@ export let TelemetryEvent;
   TelemetryEvent["ConfirmationCancelButtonClicked"] = "ConfirmationCancelButtonClicked";
   TelemetryEvent["ConfirmationConfirmButtonClicked"] = "ConfirmationConfirmButtonClicked";
   TelemetryEvent["LoadingPaneLoaded"] = "LoadingPaneLoaded";
+  TelemetryEvent["LoadingPaneUnloaded"] = "LoadingPaneUnloaded";
   TelemetryEvent["StartChatErrorPaneLoaded"] = "StartChatErrorPaneLoaded";
   TelemetryEvent["EmailTranscriptLoaded"] = "EmailTranscriptLoaded";
   TelemetryEvent["OutOfOfficePaneLoaded"] = "OutOfOfficePaneLoaded";

package/lib/esm/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -808,7 +808,7 @@ export const LiveChatWidgetStateful = props => {
   const chatWidgetDraggableConfig = {
     elementId: widgetElementId,
     channel: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.widgetInstanceId) ?? "lcw",
-    disabled: ((_props$draggableChatW = props.draggableChatWidgetProps) === null || _props$draggableChatW === void 0 ? void 0 : _props$draggableChatW.disabled) === true ?? false // Draggable by default, unless explicitly disabled
+    disabled: ((_props$draggableChatW = props.draggableChatWidgetProps) === null || _props$draggableChatW === void 0 ? void 0 : _props$draggableChatW.disabled) !== true // Draggable by default, unless explicitly disabled
   };
 
   // Disable receiving IDraggableEvent in current window

package/lib/esm/components/loadingpanestateful/LoadingPaneStateful.js

@@ -64,6 +64,12 @@ export const LoadingPaneStateful = props => {
       Event: TelemetryEvent.UXLoadingPaneCompleted,
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
+    return () => {
+      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.LoadingPaneUnloaded,
+        Description: "Loading pane unmount."
+      });
+    };
   }, []);
   return /*#__PURE__*/React.createElement(LoadingPane, {
     componentOverrides: loadingPaneProps === null || loadingPaneProps === void 0 ? void 0 : loadingPaneProps.componentOverrides,

package/lib/esm/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatStyles.js

@@ -53,5 +53,6 @@ export const defaultWebChatStyles = {
     "<3": "❤️",
     "</3": "💔",
     "<\\3": "💔"
-  }
+  },
+  uploadMultiple: false
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/enums/WebChatActionType.js

@@ -21,4 +21,5 @@ export let WebChatActionType;
   WebChatActionType["WEB_CHAT_DISMISS_NOTIFICATION"] = "WEB_CHAT/DISMISS_NOTIFICATION";
   WebChatActionType["WEB_CHAT_SET_SEND_BOX"] = "WEB_CHAT/SET_SEND_BOX";
   WebChatActionType["WEB_CHAT_SEND_FILES"] = "WEB_CHAT/SEND_FILES";
+  WebChatActionType["WEB_CHAT_SET_SEND_BOX_ATTACHMENTS"] = "WEB_CHAT/SET_SEND_BOX_ATTACHMENTS";
 })(WebChatActionType || (WebChatActionType = {}));

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

@@ -8,19 +8,19 @@
 import { Constants, MimeTypes, WebChatMiddlewareConstants } from "../../../../../common/Constants";
 import React from "react";
 import { getFileAttachmentIconData, isInlineMediaSupported } from "../../../common/utils/FileAttachmentIconManager";
+import Attachment from "./attachments/Attachment";
 import { BroadcastEvent } from "../../../../../common/telemetry/TelemetryConstants";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+import FileScanStatus from "./attachments/FileScanStatus";
+import MaliciousAttachment from "./attachments/MaliciousAttachment";
+import { NotificationHandler } from "../../notification/NotificationHandler";
+import { NotificationScenarios } from "../../enums/NotificationScenarios";
+import ScanInProgressAttachment from "./attachments/ScanInProgressAttachment";
 import { WebChatActionType } from "../../enums/WebChatActionType";
 import { defaultAttachmentAdaptiveCardStyles } from "./defaultStyles/defaultAtttachmentAdaptiveCardStyles";
 import { defaultAttachmentProps } from "../../../common/defaultProps/defaultAttachmentProps";
-import { useChatContextStore } from "../../../../..";
-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";
+import { useChatContextStore } from "../../../../..";
 
 /**
 * Patch card with different attachment data.

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentProcessingMiddleware.js

@@ -12,7 +12,7 @@ const createSendFileAction = files => {
     payload: {
       files
     },
-    type: WebChatActionType.WEB_CHAT_SEND_FILES
+    type: WebChatActionType.WEB_CHAT_SEND_MESSAGE
   };
 };
 
@@ -22,9 +22,9 @@ const attachmentProcessingMiddleware = _ref => {
     dispatch
   } = _ref;
   return next => async action => {
-    var _action$payload, _action$payload$files;
-    if ((action === null || action === void 0 ? void 0 : action.type) === WebChatActionType.WEB_CHAT_SEND_FILES && (action === null || action === void 0 ? void 0 : (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$files = _action$payload.files) === null || _action$payload$files === void 0 ? void 0 : _action$payload$files.length) > 0) {
-      const files = action.payload.files;
+    var _action$payload, _action$payload$attac;
+    if ((action === null || action === void 0 ? void 0 : action.type) === WebChatActionType.WEB_CHAT_SEND_MESSAGE && (action === null || action === void 0 ? void 0 : (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$attac = _action$payload.attachments) === null || _action$payload$attac === void 0 ? void 0 : _action$payload$attac.length) > 0) {
+      const files = action.payload.attachments;
       if (files.length === 1) {
         return next(action);
       }

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentUploadValidatorMiddleware.js

@@ -5,11 +5,11 @@
  ******/
 
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
+import { AMSConstants } from "../../../../../common/Constants";
 import { NotificationHandler } from "../../notification/NotificationHandler";
 import { NotificationScenarios } from "../../enums/NotificationScenarios";
-import { WebChatActionType } from "../../enums/WebChatActionType";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
-import { AMSConstants } from "../../../../../common/Constants";
+import { WebChatActionType } from "../../enums/WebChatActionType";
 const MBtoBRatio = 1000000;
 
 /*
@@ -20,6 +20,9 @@ const validateAttachment = (action, allowedFileExtensions, maxFileSizeSupportedB
   var _action$payload, _action$payload$activ, _action$payload2, _action$payload2$acti, _action$payload2$acti2, _action$payload3, _action$payload3$acti, _action$payload3$acti2;
   const attachments = action === null || action === void 0 ? void 0 : (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$activ = _action$payload.activity) === null || _action$payload$activ === void 0 ? void 0 : _action$payload$activ.attachments;
   const attachmentSizes = action === null || action === void 0 ? void 0 : (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : (_action$payload2$acti = _action$payload2.activity) === null || _action$payload2$acti === void 0 ? void 0 : (_action$payload2$acti2 = _action$payload2$acti.channelData) === null || _action$payload2$acti2 === void 0 ? void 0 : _action$payload2$acti2.attachmentSizes;
+  if (!attachments || attachments.length === 0) {
+    return action;
+  }
   if (attachments) {
     for (let i = 0; i < attachments.length; i++) {
       const maxUploadFileSize = getMaxUploadFileSize(maxFileSizeSupportedByDynamics, attachments[i].contentType);
@@ -190,11 +193,11 @@ const createAttachmentUploadValidatorMiddleware = (allowedFileExtensions, maxFil
   } = _ref;
   return next => action => {
     if (action.type === WebChatActionType.DIRECT_LINE_POST_ACTIVITY) {
-      var _payload$activity, _payload$activity2, _payload$activity2$ch, _payload$activity3, _payload$activity3$at, _payload$activity4, _payload$activity4$ch, _payload$activity4$ch2;
+      var _payload$activity, _payload$activity$att, _payload$activity2, _payload$activity2$ch, _payload$activity2$ch2;
       const {
         payload
       } = action;
-      if (payload !== null && payload !== void 0 && (_payload$activity = payload.activity) !== null && _payload$activity !== void 0 && _payload$activity.attachments && payload !== null && payload !== void 0 && (_payload$activity2 = payload.activity) !== null && _payload$activity2 !== void 0 && (_payload$activity2$ch = _payload$activity2.channelData) !== null && _payload$activity2$ch !== void 0 && _payload$activity2$ch.attachmentSizes && (payload === null || payload === void 0 ? void 0 : (_payload$activity3 = payload.activity) === null || _payload$activity3 === void 0 ? void 0 : (_payload$activity3$at = _payload$activity3.attachments) === null || _payload$activity3$at === void 0 ? void 0 : _payload$activity3$at.length) === (payload === null || payload === void 0 ? void 0 : (_payload$activity4 = payload.activity) === null || _payload$activity4 === void 0 ? void 0 : (_payload$activity4$ch = _payload$activity4.channelData) === null || _payload$activity4$ch === void 0 ? void 0 : (_payload$activity4$ch2 = _payload$activity4$ch.attachmentSizes) === null || _payload$activity4$ch2 === void 0 ? void 0 : _payload$activity4$ch2.length)) {
+      if (payload !== null && payload !== void 0 && payload.activity.attachments && payload.activity.attachments.length > 0 && (payload === null || payload === void 0 ? void 0 : (_payload$activity = payload.activity) === null || _payload$activity === void 0 ? void 0 : (_payload$activity$att = _payload$activity.attachments) === null || _payload$activity$att === void 0 ? void 0 : _payload$activity$att.length) === (payload === null || payload === void 0 ? void 0 : (_payload$activity2 = payload.activity) === null || _payload$activity2 === void 0 ? void 0 : (_payload$activity2$ch = _payload$activity2.channelData) === null || _payload$activity2$ch === void 0 ? void 0 : (_payload$activity2$ch2 = _payload$activity2$ch.attachmentSizes) === null || _payload$activity2$ch2 === void 0 ? void 0 : _payload$activity2$ch2.length)) {
         return next(validateAttachment(action, allowedFileExtensions, maxFileSizeSupportedByDynamics, localizedTexts));
       }
     }

package/lib/esm/plugins/createChatTranscript.js

@@ -9,7 +9,7 @@ class TranscriptHTMLBuilder {
   // eslint-disable-line @typescript-eslint/no-explicit-any
 
   constructor(options) {
-    var _this$options, _this$options2, _this$options3, _this$options4, _this$options5, _this$options6, _this$options7, _this$options8, _this$options9, _this$options10, _this$options11, _this$options12;
+    var _this$options, _this$options2, _this$options3, _this$options4, _this$options5, _this$options6, _this$options7, _this$options8, _this$options9, _this$options10, _this$options11, _this$options12, _this$options13;
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "pageTitle", "Customer Transcript");
     _defineProperty(this, "attachmentMessage", "The following attachment was uploaded during the conversation: ");
@@ -20,6 +20,7 @@ class TranscriptHTMLBuilder {
     _defineProperty(this, "agentAvatarFontColor", "#000");
     _defineProperty(this, "customerAvatarBackgroundColor", "#2266E3");
     _defineProperty(this, "customerAvatarFontColor", "#FFF");
+    _defineProperty(this, "customerDisplayName", "");
     _defineProperty(this, "disableMarkdownMessageFormatting", false);
     _defineProperty(this, "disableNewLineMarkdownSupport", false);
     _defineProperty(this, "externalScripts", {});
@@ -55,13 +56,16 @@ class TranscriptHTMLBuilder {
     if ((_this$options9 = this.options) !== null && _this$options9 !== void 0 && _this$options9.customerAvatarFontColor) {
       this.customerAvatarFontColor = this.options.customerAvatarFontColor;
     }
-    if ((_this$options10 = this.options) !== null && _this$options10 !== void 0 && _this$options10.disableMarkdownMessageFormatting) {
+    if ((_this$options10 = this.options) !== null && _this$options10 !== void 0 && _this$options10.customerDisplayName) {
+      this.customerDisplayName = this.options.customerDisplayName;
+    }
+    if ((_this$options11 = this.options) !== null && _this$options11 !== void 0 && _this$options11.disableMarkdownMessageFormatting) {
       this.disableMarkdownMessageFormatting = this.options.disableMarkdownMessageFormatting;
     }
-    if ((_this$options11 = this.options) !== null && _this$options11 !== void 0 && _this$options11.disableNewLineMarkdownSupport) {
+    if ((_this$options12 = this.options) !== null && _this$options12 !== void 0 && _this$options12.disableNewLineMarkdownSupport) {
       this.disableNewLineMarkdownSupport = this.options.disableNewLineMarkdownSupport;
     }
-    if ((_this$options12 = this.options) !== null && _this$options12 !== void 0 && _this$options12.externalScripts) {
+    if ((_this$options13 = this.options) !== null && _this$options13 !== void 0 && _this$options13.externalScripts) {
       this.externalScripts = this.options.externalScripts;
     }
   }
@@ -523,7 +527,12 @@ class TranscriptHTMLBuilder {
                     const avatarMiddleware = () => (next) => (...args) => {
                         const [card] = args;
                         const {fromUser, activity} = card;
-                        const initials = getIconText(activity.from.name);
+                        let displayName = getIconText(activity.from.name);
+                        let customerDisplayName = '${this.customerDisplayName}';
+
+                        if (fromUser && customerDisplayName) {
+                            displayName = customerDisplayName;
+                        }
 
                         const avatarElement = React.createElement(
                             "div",
@@ -531,7 +540,7 @@ class TranscriptHTMLBuilder {
                             React.createElement(
                                 "p",
                                 null,
-                                \`\${initials}\`
+                                \`\${displayName}\`
                             )
                         );
 

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

@@ -128,6 +128,7 @@ export declare enum TelemetryEvent {
     ConfirmationCancelButtonClicked = "ConfirmationCancelButtonClicked",
     ConfirmationConfirmButtonClicked = "ConfirmationConfirmButtonClicked",
     LoadingPaneLoaded = "LoadingPaneLoaded",
+    LoadingPaneUnloaded = "LoadingPaneUnloaded",
     StartChatErrorPaneLoaded = "StartChatErrorPaneLoaded",
     EmailTranscriptLoaded = "EmailTranscriptLoaded",
     OutOfOfficePaneLoaded = "OutOfOfficePaneLoaded",

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

@@ -31,7 +31,7 @@ export declare class TelemetryHelper {
     static addWidgetDataToTelemetry(telemetryConfig: ITelemetryConfig, telemetryInternalData: IInternalTelemetryData): IInternalTelemetryData;
     static addSessionDataToTelemetry(chatSession: LiveChatContext, telemetryInternalData: IInternalTelemetryData): IInternalTelemetryData;
     static addConversationDataToTelemetry(liveWorkItem: LiveWorkItemDetails, telemetryInternalData: IInternalTelemetryData): IInternalTelemetryData;
-    static logCallingEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper, callId?: string | undefined) => void;
+    static logCallingEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper, callId?: string) => void;
     static logLoadingEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
     static logUIEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
     static logActionEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;

package/lib/types/common/telemetry/definitions/Contracts.d.ts

@@ -74,4 +74,4 @@ export interface ACSAdapterContract extends BaseContract {
     Event?: string;
     ErrorCode?: string;
 }
-export declare type TelemetryContract = OCChatSDKContract | IC3ClientContract | ActionsContract | LoadContract | WebChatContract | ConfigValidationContract | CallingContract | ACSAdapterContract | BaseContract | any;
+export type TelemetryContract = OCChatSDKContract | IC3ClientContract | ActionsContract | LoadContract | WebChatContract | ConfigValidationContract | CallingContract | ACSAdapterContract | BaseContract | any;

package/lib/types/common/telemetry/definitions/Payload.d.ts

@@ -102,4 +102,4 @@ export interface FacadeChatSDKTelemetryData extends BaseTelemetryData {
     ExceptionDetails?: object;
     Description?: string;
 }
-export declare type TelemetryData = ConfigValidationTelemetryData | OCChatSDKTelemetryData | IC3ClientTelemetryData | LoadTelemetryData | ActionTelemetryData | WebChatTelemetryData | CallingTelemetryData | MessageProcessingErrorData;
+export type TelemetryData = ConfigValidationTelemetryData | OCChatSDKTelemetryData | IC3ClientTelemetryData | LoadTelemetryData | ActionTelemetryData | WebChatTelemetryData | CallingTelemetryData | MessageProcessingErrorData;

package/lib/types/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.d.ts

@@ -1,4 +1,4 @@
 import { FacadeChatSDK } from "../../../common/facades/FacadeChatSDK";
 import { IDownloadTranscriptProps } from "./interfaces/IDownloadTranscriptProps";
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
-export declare const downloadTranscript: (facadeChatSDK: FacadeChatSDK, downloadTranscriptProps: IDownloadTranscriptProps, state?: ILiveChatWidgetContext | undefined) => Promise<void>;
+export declare const downloadTranscript: (facadeChatSDK: FacadeChatSDK, downloadTranscriptProps: IDownloadTranscriptProps, state?: ILiveChatWidgetContext) => Promise<void>;

package/lib/types/components/footerstateful/downloadtranscriptstateful/interfaces/IWebChatTranscriptConfig.d.ts

@@ -10,4 +10,5 @@ export interface IWebChatTranscriptConfig {
     agentAvatarFontColor?: string;
     customerAvatarBackgroundColor?: string;
     customerAvatarFontColor?: string;
+    customerDisplayName?: string;
 }

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

@@ -1,7 +1,7 @@
 import ChatConfig from "@microsoft/omnichannel-chat-sdk/lib/core/ChatConfig";
 import { OmnichannelChatSDK } from "@microsoft/omnichannel-chat-sdk";
 declare const getAuthClientFunction: (chatConfig: ChatConfig | undefined) => string | undefined;
-declare const handleAuthentication: (chatSDK: OmnichannelChatSDK, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined) => Promise<{
+declare const handleAuthentication: (chatSDK: OmnichannelChatSDK, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string) => Promise<string | null>) | undefined) => Promise<{
     result: boolean;
     token: string | null;
     error?: undefined;

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

@@ -1,3 +1,3 @@
 import { FacadeChatSDK } from "../../../common/facades/FacadeChatSDK";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
-export declare const createAdapter: (facadeChatSDK: FacadeChatSDK, props?: ILiveChatWidgetProps | undefined) => Promise<any>;
+export declare const createAdapter: (facadeChatSDK: FacadeChatSDK, props?: ILiveChatWidgetProps) => Promise<any>;

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

@@ -1,7 +1,7 @@
 import { StyleOptions } from "botframework-webchat-api";
 import { IDownloadTranscriptProps } from "../../footerstateful/downloadtranscriptstateful/interfaces/IDownloadTranscriptProps";
 import { IWebChatContainerStatefulProps } from "../../webchatcontainerstateful/interfaces/IWebChatContainerStatefulProps";
-declare const createDownloadTranscriptProps: (downloadTranscriptProps: IDownloadTranscriptProps, webChatStyles: StyleOptions, webChatContainerProps?: IWebChatContainerStatefulProps | undefined) => {
+declare const createDownloadTranscriptProps: (downloadTranscriptProps: IDownloadTranscriptProps, webChatStyles: StyleOptions, webChatContainerProps?: IWebChatContainerStatefulProps) => {
     webChatTranscript: {
         disableNewLineMarkdownSupport: boolean | undefined;
         disableMarkdownMessageFormatting: boolean | undefined;
@@ -16,6 +16,7 @@ declare const createDownloadTranscriptProps: (downloadTranscriptProps: IDownload
         attachmentMessage?: string | undefined;
         networkOnlineMessage?: string | undefined;
         networkOfflineMessage?: string | undefined;
+        customerDisplayName?: string | undefined;
     };
     attachmentMessage?: string | undefined;
     bannerMessageOnError?: string | undefined;

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

@@ -4,7 +4,7 @@ import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetA
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 declare const prepareEndChat: (props: ILiveChatWidgetProps, facadeChatSDK: FacadeChatSDK, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any) => Promise<void>;
-declare const endChat: (props: ILiveChatWidgetProps, facadeChatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, skipEndChatSDK?: boolean | undefined, skipCloseChat?: boolean | undefined, postMessageToOtherTab?: boolean | undefined) => Promise<void>;
+declare const endChat: (props: ILiveChatWidgetProps, facadeChatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, skipEndChatSDK?: boolean, skipCloseChat?: boolean, postMessageToOtherTab?: boolean) => Promise<void>;
 export declare const callingStateCleanUp: (dispatch: Dispatch<ILiveChatWidgetAction>) => void;
 export declare const endChatStateCleanUp: (dispatch: Dispatch<ILiveChatWidgetAction>) => void;
 export declare const closeChatStateCleanUp: (dispatch: Dispatch<ILiveChatWidgetAction>) => void;

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

@@ -1 +1 @@
-export declare const getMockChatSDKIfApplicable: (chatSDK: any, type?: string | undefined) => any;
+export declare const getMockChatSDKIfApplicable: (chatSDK: any, type?: string) => any;

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

@@ -7,6 +7,6 @@ import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidget
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 declare const handleChatReconnect: (facadeChatSDK: FacadeChatSDK, props: ILiveChatWidgetProps, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, initStartChat: any, state: ILiveChatWidgetContext) => Promise<boolean>;
 declare const getChatReconnectContext: (facadeChatSDK: FacadeChatSDK, chatConfig: ChatConfig, props: any, isAuthenticatedChat: boolean, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<import("@microsoft/omnichannel-chat-sdk/lib/core/ChatReconnectContext").default | undefined>;
-declare const isReconnectEnabled: (chatConfig?: ChatConfig | undefined) => boolean;
-declare const isPersistentEnabled: (chatConfig?: ChatConfig | undefined) => boolean;
+declare const isReconnectEnabled: (chatConfig?: ChatConfig) => boolean;
+declare const isPersistentEnabled: (chatConfig?: ChatConfig) => boolean;
 export { handleChatReconnect, isReconnectEnabled, isPersistentEnabled, getChatReconnectContext };

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

@@ -1,4 +1,4 @@
 import { Dispatch } from "react";
 import { FacadeChatSDK } from "../../../common/facades/FacadeChatSDK";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
-export declare const setPostChatContextAndLoadSurvey: (facadeChatSDK: FacadeChatSDK, dispatch: Dispatch<ILiveChatWidgetAction>, persistedChat?: boolean | undefined) => Promise<void>;
+export declare const setPostChatContextAndLoadSurvey: (facadeChatSDK: FacadeChatSDK, dispatch: Dispatch<ILiveChatWidgetAction>, persistedChat?: boolean) => Promise<void>;

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

@@ -5,7 +5,7 @@ import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidget
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 import StartChatOptionalParams from "@microsoft/omnichannel-chat-sdk/lib/core/StartChatOptionalParams";
 declare const prepareStartChat: (props: ILiveChatWidgetProps, facadeChatSDK: FacadeChatSDK, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any) => Promise<void>;
-declare const setPreChatAndInitiateChat: (facadeChatSDK: FacadeChatSDK, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isProactiveChat?: boolean | undefined, proactiveChatEnablePrechatState?: boolean | undefined, state?: ILiveChatWidgetContext | undefined, props?: ILiveChatWidgetProps | undefined) => Promise<void>;
-declare const initStartChat: (facadeChatSDK: FacadeChatSDK, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, state: ILiveChatWidgetContext | undefined, props?: ILiveChatWidgetProps | undefined, params?: StartChatOptionalParams | undefined, persistedState?: any) => Promise<void>;
+declare const setPreChatAndInitiateChat: (facadeChatSDK: FacadeChatSDK, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isProactiveChat?: boolean | false, proactiveChatEnablePrechatState?: boolean | false, state?: ILiveChatWidgetContext, props?: ILiveChatWidgetProps) => Promise<void>;
+declare const initStartChat: (facadeChatSDK: FacadeChatSDK, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, state: ILiveChatWidgetContext | undefined, props?: ILiveChatWidgetProps, params?: StartChatOptionalParams, persistedState?: any) => Promise<void>;
 declare const checkIfConversationStillValid: (facadeChatSDK: FacadeChatSDK, dispatch: Dispatch<ILiveChatWidgetAction>, state: ILiveChatWidgetContext) => Promise<boolean>;
 export { prepareStartChat, initStartChat, setPreChatAndInitiateChat, checkIfConversationStillValid };

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

@@ -3,4 +3,4 @@ import { FacadeChatSDK } from "../../../common/facades/FacadeChatSDK";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 export declare const handleStartChatError: (dispatch: Dispatch<ILiveChatWidgetAction>, facadeChatSDK: FacadeChatSDK, props: ILiveChatWidgetProps | undefined, ex: any, isStartChatSuccessful: boolean) => void;
-export declare const logWidgetLoadComplete: (additionalMessage?: string | undefined) => void;
+export declare const logWidgetLoadComplete: (additionalMessage?: string) => void;

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

@@ -1,4 +1,4 @@
 import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
 import { IProactiveChatNotificationConfig } from "../../proactivechatpanestateful/interfaces/IProactiveChatNotificationConfig";
-export declare const startProactiveChat: (dispatch: Dispatch<ILiveChatWidgetAction>, notificationConfig?: IProactiveChatNotificationConfig | undefined, enablePreChat?: boolean | undefined, inNewWindow?: boolean | undefined) => void;
+export declare const startProactiveChat: (dispatch: Dispatch<ILiveChatWidgetAction>, notificationConfig?: IProactiveChatNotificationConfig, enablePreChat?: boolean, inNewWindow?: boolean) => void;

package/lib/types/components/webchatcontainerstateful/common/utils/FileAttachmentIconManager.d.ts

@@ -3,5 +3,5 @@
  *
  * @param extension File extension
 */
-export declare const getFileAttachmentIconData: (extension: string) => unknown;
+export declare const getFileAttachmentIconData: (extension: string) => {};
 export declare const isInlineMediaSupported: (attachmentName: string) => boolean;

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

@@ -12,7 +12,7 @@ export interface IWebChatProps {
     children?: ReactNode;
     dir?: string;
     disabled?: boolean;
-    downscaleImageToDataURL?: (blob: Blob, maxWidth: number, maxHeight: number, type: string, quality: number) => string;
+    downscaleImageToDataURL?: (blob: Blob, maxWidth: number, maxHeight: number, type: string, quality: number) => Promise<URL>;
     grammars?: any;
     groupActivitiesMiddleware?: OneOrMany<GroupActivitiesMiddleware>;
     internalErrorBoxClass?: React.Component | Function;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/enums/WebChatActionType.d.ts

@@ -19,5 +19,6 @@ export declare enum WebChatActionType {
     WEB_CHAT_SET_NOTIFICATION = "WEB_CHAT/SET_NOTIFICATION",
     WEB_CHAT_DISMISS_NOTIFICATION = "WEB_CHAT/DISMISS_NOTIFICATION",
     WEB_CHAT_SET_SEND_BOX = "WEB_CHAT/SET_SEND_BOX",
-    WEB_CHAT_SEND_FILES = "WEB_CHAT/SEND_FILES"
+    WEB_CHAT_SEND_FILES = "WEB_CHAT/SEND_FILES",
+    WEB_CHAT_SET_SEND_BOX_ATTACHMENTS = "WEB_CHAT/SET_SEND_BOX_ATTACHMENTS"
 }

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

@@ -7,4 +7,4 @@
  * 3. Decodes certain html characters that came through from chat services
  ******/
 import React from "react";
-export declare const createActivityMiddleware: (renderMarkdown: (text: string) => string, systemMessageStyleProps?: React.CSSProperties | undefined, userMessageStyleProps?: React.CSSProperties | undefined) => () => (next: any) => (...args: any) => any;
+export declare const createActivityMiddleware: (renderMarkdown: (text: string) => string, systemMessageStyleProps?: React.CSSProperties, userMessageStyleProps?: React.CSSProperties) => () => (next: any) => (...args: any) => any;

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

@@ -5,4 +5,4 @@
  * 1. Renders the first two letters of the sender as the profile pic
  ******/
 import React from "react";
-export declare const createAvatarMiddleware: (avatarStyleProps?: React.CSSProperties | undefined, avatarTextStyleProps?: React.CSSProperties | undefined) => () => (next: any) => (args_0: any) => false | (() => JSX.Element);
+export declare const createAvatarMiddleware: (avatarStyleProps?: React.CSSProperties, avatarTextStyleProps?: React.CSSProperties) => () => (next: any) => (args_0: any) => false | (() => JSX.Element);

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentUploadValidatorMiddleware.d.ts

@@ -3,8 +3,8 @@
  *
  * Checks if the attachment being uploaded satisfies Omnichannel's requirement on file extensions and file size.
  ******/
-import { IWebChatAction } from "../../../interfaces/IWebChatAction";
 import { ILiveChatWidgetLocalizedTexts } from "../../../../../contexts/common/ILiveChatWidgetLocalizedTexts";
+import { IWebChatAction } from "../../../interfaces/IWebChatAction";
 declare const createAttachmentUploadValidatorMiddleware: (allowedFileExtensions: string, maxFileSizeSupportedByDynamics: string, localizedTexts: ILiveChatWidgetLocalizedTexts) => ({ dispatch }: {
     dispatch: any;
 }) => (next: any) => (action: IWebChatAction) => any;

package/lib/types/hooks/useChatSDKStore.d.ts

@@ -1,2 +1,2 @@
-declare const useChatSDKStore: () => unknown;
+declare const useChatSDKStore: () => {};
 export default useChatSDKStore;

package/lib/types/hooks/useDebounce.d.ts

@@ -1,3 +1,3 @@
-declare type FunctionType = (...args: unknown[]) => void;
+type FunctionType = (...args: unknown[]) => void;
 export default function useDebounce<Fn extends FunctionType>(func: Fn, delay?: number): Fn;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.5",
+  "version": "1.7.6-main.aac589b",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -60,26 +60,28 @@
     "jest-dom": "^4.0.0",
     "jest-image-snapshot": "^4.5.1",
     "json": "^11.0.0",
-    "playwright": "^1.16.3",
+    "p-defer": "^4.0.1",
+    "playwright": "^1.20.0",
     "postcss": "^8.3.9",
     "react": "^17.0.2",
+    "react-docgen-typescript-plugin": "^1.0.8",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "storybook-addon-playwright": "^4.9.2",
     "swiper": "^9.0.5",
     "terser-webpack-plugin": "^4.2.3",
     "ts-loader": "^9.2.6",
-    "typescript": "4.6.4",
+    "typescript": "4.9.5",
     "webpack": "^4.44.2",
     "webpack-cli": "^4.9.2"
   },
   "dependencies": {
     "@azure/core-tracing": "^1.2.0",
-    "@microsoft/omnichannel-chat-components": "1.1.5",
-    "@microsoft/omnichannel-chat-sdk": "^1.10.9",
+    "@microsoft/omnichannel-chat-components": "1.1.8",
+    "@microsoft/omnichannel-chat-sdk": "^1.10.11",
     "@opentelemetry/api": "^1.9.0",
     "abort-controller-es5": "^2.0.1",
-    "dompurify": "^2.5.4",
+    "dompurify": "^3.2.4",
     "markdown-it": "^12.3.2",
     "markdown-it-attrs": "^4.1.6",
     "markdown-it-attrs-es5": "^2.0.2",
@@ -99,7 +101,7 @@
     "test:unit": "jest -c jest.config.unit.cjs --env=jsdom --runInBand --force-exit",
     "test:e2e": "cd automation_tests && yarn test",
     "test:e2e:build": "yarn build-sample && cd automation_tests && yarn test",
-    "test:visual": "jest -c jest.config.visual.cjs",
+    "test:visual": "jest -c jest.config.visual.cjs --verbose",
     "test:all": "yarn test:unit && yarn test:visual",
     "build:esm": "babel ./src --config-file ./babel.esm.config.json --out-dir lib/esm --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
     "build:cjs": "babel ./src --config-file ./babel.config.json --out-dir lib/cjs --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
@@ -109,7 +111,8 @@
     "build-sample": "yarn build && webpack --config ./webpack.config.cjs",
     "build-sample:dev": "yarn build && webpack --config ./webpack.dev.config.cjs",
     "test:visual:build": "yarn build-storybook && yarn test:visual",
-    "lint": "yarn eslint . --max-warnings=0"
+    "lint": "yarn eslint . --max-warnings=0",
+    "postinstall": "yarn playwright install"
   },
   "resolutions": {
     "**/url-parse": "1.5.9",
@@ -117,5 +120,11 @@
     "**/abort-controller-es5": "^2.0.1",
     "**/minimist": "1.2.6",
     "**/sanitize-html": "2.12.1"
+  },
+  "jest": {
+    "verbose": true,
+    "reporters": [
+      "default"
+    ]
   }
 }